Clicking on the dropdown-arrow in readonly variant of Combobox does nothing

[danjersoft]

When using the Combobox in it's readonly variant, clicking on the dropdown-arrow does nothing. Clicking anywhere else works fine.

I'm not able to work on this right now, but might have time later this week.

You can see the behavior here: https://react.lightningdesignsystem.com/components/comboboxes/

[interactivellama]

This is how the SLDS markup was created and they are aware of it. I think you can modify it with CSS, but I'm not sure if you can override the CSS pointer-events when it is used within an external SVG (<use>). The primary issue is the SVG which is kind of in it's own page/iframe isn't bubbling up the mouse events.

Look into this: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pointer-events I solved it once upon a time with an extra style prop, but it might have regressed with the external icons, I'm not sure. Thanks for looking into it! It is annoying.

[keshavg2]

Hi @interactivellama @danjersoft I want to work upon this issue?