- Issue created by @kenrbnsn
- πΊπΈUnited States jrockowitz Brooklyn, NY
I am not able to replicate this using the Claro theme.
My guess is the select menu is not being correctly visibly hidden by your theme.
Please reopen if you can provide the steps required to reproduce this issue.
- Status changed to Closed: cannot reproduce
9 months ago 10:28am 5 April 2024 - Status changed to Active
6 months ago 9:02am 4 July 2024 - π―π΅Japan Ryo Ichiyama
I have also confirmed a similar event.
If you click on the upper left corner of the first option (image), a drop down menu appears.
I have tried with Bartik, Clalo, and Edu-x themes and the drop down menu appears in all cases.
I also used Chrome and Edge for Windows and Safari for iPhone as browsers.I would prefer not to have the drop-down menus displayed, although I have no functional problems with them.
- π―π΅Japan Ryo Ichiyama
This is not a reproduction procedure, but when I put βdisplay: none;β in the Element CSS style,
the drop-down menu is no longer displayed.I hope this will be of some help.
- πΊπΈUnited States jrockowitz Brooklyn, NY
Adding
display: none
creates an accessibility issue where the image select can't be read by screen reader.The simplest solution is to place the select menu off-screen so it can't be accidentally clicked.
- π―π΅Japan Ryo Ichiyama
Hi,
First, I found a way to reproduce the problem.
I can reproduce this problem by setting "Number of values ββallowed" to 1.
*Please refer to "image_select_element_A.jpg".And as you say, setting display:none should not work properly. On the contrary, I think this is related to the problem.
Setting display:none seems to apply to the area shown in the figure "image_select_element_B.jpg".I hope this information is of some use to you.
- Merge request !572Issue #3415941 by kenrbnsn: Using Image Select occasionally displays a dropdown selection box β (Merged) created by jrockowitz
- πΊπΈUnited States jrockowitz Brooklyn, NY
Please review the MR and see if it addresses the immediate issue.
- π―π΅Japan Ryo Ichiyama
Thank you very much. The issue has been resolved.
- πΊπΈUnited States jrockowitz Brooklyn, NY
The fix is a simple CSS tweak, so I am going to commit it AS-IS.
-
jrockowitz β
committed 7c3c6c0d on 6.3.x
Issue #3415941 by jrockowitz, ryo ichiyama, kenrbnsn: Using Image Select...
-
jrockowitz β
committed 7c3c6c0d on 6.3.x
-
jrockowitz β
committed 7c3c6c0d on 6.x
Issue #3415941 by jrockowitz, ryo ichiyama, kenrbnsn: Using Image Select...
-
jrockowitz β
committed 7c3c6c0d on 6.x