1
Dropdown Field - Option List Text Doesn't Wrap
A
Anthony Williamson
Hi,
The Option List text seems to cut off or truncate at 36 characters (with spaces), and does not wrap. I am working on a short quiz (Q&A). The questions are easy, setup as paragraph components. But the answers are multiple choice. I went with the Dropdown Field form component. I like the way it works, but users would not be able to read all of the text for each answer.
Here is an example of 5 answers:
- You submit a QAAP to submit air data to the AQI to OAQPS using 105 funds authorized by the TAR
- You get frustrated by EPA’s ruling of non-attainment for Ozone NAAQS
- When someone starts a fire in a wood stove, you pull out a moisture meter and ask to see their wood pile
- When someone takes a deep breath outside and mentions how clean the air feels, you say, “your welcome.”
- All of the above
I have also attached a screenshot of what these answers look like on my device.
Is this a bug, or is there something I can do to make the text wrap?
Thank you for your time!
Log In
Activity
H
Harri Sarsa
Sounds like a bug or at least missing feature – we should add a "Wrap text" property for this.
What you could do for now is use the UI-only dropdown component (share token
F54cepx7w5OesmiSBENKzQ
; paste it into the marketplace search) and e.g. the Show action sheet
flow function; that should wrap long text properly.A
Anthony Williamson
Harri Sarsa: Thank you for your reply. That is a very interesting alternative. Is there a way to style the action sheet (padding, font color, etc.)? The text is definitely wrapping, but there is not much space between the 5 items. I've attached a screenshot.
Also, after selecting an answer, it is not showing as selected on the new dropdown (bottom dropdown, above Submit). See additional screenshot. Is there a way to correct this?
Thank you!
A
Anthony Williamson
Hi,
The Show action sheet flow function no longer seems to be working for the Primitive dropdown. When I tap on the dropdown, the Show action sheet dialog is not popping up in place of the original option list. Is there a workaround to get this functionality back?
Thanks
Merituuli Melkko
Anthony Williamson: Hi! What version of the Preview app are you using? Have you checked with for example Alert or something else that logic is triggering at all when you tap the dropdown?
A
Anthony Williamson
Merituuli Melkko: Hi! The Preview app version is 1.9.22. I haven't tried adding an Alert to the logic flow, just the Action Sheet. Also, I've tried attaching the Action Sheet to both the Event Component Tap, and Event Component onChange. Neither option seems to work. Am I missing a step?
Thanks
H
Harri Sarsa
Anthony Williamson: You should use the "Dropdown field (UI only)" for this, available with token
F54cepx7w5OesmiSBENKzQ
, and not the Dropdown primitive which includes its own logic. That said, the dropdown issue seems to be legit and fixed with https://appgyver.canny.io/bug-reports/p/dropdown-component-tap-event-not-working-correctlyA
Anthony Williamson
Harri Sarsa: Hi. Is there a workaround for the padding issue with the "Dropdown field (UI only)" component? I need to be able to add padding somehow so that the dropdown options are not overlapping and slamming against oneother.
Thanks
