Select an element behind a div on click? [duplicate]

Question

I have a select element that looks like this:

The arrow in there is a custom element. I'd like to make it so that the error is "invisible" to the mouse, and clicking it will actually select the element behind it. I tried using onClick on the arrow to focus() the select, but that doesn't actually initiate the dropdown menu:

Is there some kind of CSS magic trick that'll let me do this?

Questions seeking code help must include the shortest code necessary to reproduce it in the question itself preferably in a Stack Snippet. See How to create a Minimal, Reproducible Example — Paulie_D
– Paulie_D, Commented Aug 23, 2022 at 15:22

Jax-p · Accepted Answer · 2022-08-23 15:20:36Z

You are probably looking for pointer-events: none.

none
The element is never the target of pointer events; however, pointer events may target its descendant elements if those descendants have pointer-events set to some other value.

source: mdn

Collectives™ on Stack Overflow

Select an element behind a div on click? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related