Using Image Select occasionally displays a dropdown selection box

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.

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.

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.

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.

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.

Please review the MR and see if it addresses the immediate issue.

Thank you very much. The issue has been resolved.

The fix is a simple CSS tweak, so I am going to commit it AS-IS.

Automatically closed - issue fixed for 2 weeks with no activity.