Is it always disabled, or is that dynamic ?
If it's always disabled, you can add pointer-events: none to allow clicks to go "through" the component and catch those clicks from something else.
There might be another way, which I'll try right now and report back
edit: well, if you disable it and set the pointer-events: none on it... the onClick event triggers.
That's not what I expected, but, hey... You may not want to rely on that though, feels like unintended behavior.
In this case it will always be disabled. In other cases it will be dynamic.
Some time ago I experienced "click throughs" in coordinate containers when the root had an event associated to it. So in this case, using a flex container, I started by adding the behavior to the root. Since I couldn't get it to work then I added it straight in the component but it didn't work either.