icon makes the button not clickable

Question

I have a button, on which I have an absolute positioned search icon. the Button is working fine on the edges but not on an icon. The button is unclickable for the entire portion of the search icon.

code for Icon placement

.custom-position {
right: 32px;
position: absolute;
top: 27%;}

Is it possible to make the button clickable on the places where the icon is occupying space?

Answer 1

You could try adding: pointer-events: none to your icon/image.

Example:

.custom-position {
  right: 32px;
  position: absolute;
  top: 27%;
  pointer-events: none;
}

pointer-events docs