How to put ClearTriggter component inside Trigger component in Select comoponent?

[MadadiSaeed]

Hi. I want to put ClearTrigger component inside Trigger component in Select component but when i click on ClearTrigger component, it closes Content component. It does not close when ClearTrigger component is not inside Trigger component. I tried to stop click event propagation but it did not work. Also I want Content component to be in bottom-center but when ClearTrigger component is shown, it is not in center anymore. If you look at second image you will notice Content component is not in center anymore when ClearTrigger component is shown. Since you are using floating-ui library, In my opinion the best solution for this is to make Control component reference element.

[MadadiSaeed]

Using data-placeholder-shown attribute I found a way by making ClearTrigger component an absolute element and using some padding on Trigger component, the Content component is in center now. But This is a bad solution.