SelectField - не срабатывает onClick

[XIshArkIX]

При навешивании обработчика клика на SelectField пропс уходит в Select (selectProps) -> NativeControl (props), не давая возможности взаимодействовать с полем ввода, которое перекрывается Field {...fieldContainerProps} и SelectWrapper onClick={handleWrapperClick}.

PoC: https://stackblitz.com/edit/github-ntkinw-m1dpbm?file=src/App.tsx

[DrUNE]

Расскажите по подробней что вы пытаетесь сделать в конечном итоге. С точки зрения компонента он сделан так что-бы предоставить вам апи стандартного селекта + кое что еще

[XIshArkIX]

Мне необходимо по клику остановить поведение селекта по умолчанию. Если конкретней, то задумка дизайнера такая: "По клику на селект открывать модальное окно. В нём, сделав выбор, вернуть значение в селект и отобразить." В текущей реализации можно обойтись трюком с оборачиванием:

<span onClick={onClick} style={{ display: 'contents' }}>
  <SelectField ... />
</span>

Но хотелось бы решение из коробки.

[DrUNE]

Звучит, как вам нужна кнопка с иконкой шеврона. Попросите вашего дизайнера использовать компоненты по назначению и в соответствии с дизайн системой. Возможно подойдет уже готовый вариант компонента MenuButton https://admiralds.github.io/react-ui/?path=/story/admiral-2-1-menubutton--menu-button-variants