Ion-select change the label width and make ion-item clickable

hi,

i am doing an validation error messages with icon as in screenshot, it is icon when click on it it shows the error,

but when i added ion-select the label width become full and the ion-item became clickable so if i clicked on the error icon it opens the select instead of the message

image

image

image

i maneged to make the text show by adding a z-index to my custom component

but now the issue of the label.

i solve it be hide select component with display none and the called the component in my ts with viewchiled then open it with open method