diff --git a/packages/react-select/src/internal/DummyInput.tsx b/packages/react-select/src/internal/DummyInput.tsx index 0d73c9d313..e2f45e0a6c 100644 --- a/packages/react-select/src/internal/DummyInput.tsx +++ b/packages/react-select/src/internal/DummyInput.tsx @@ -25,26 +25,11 @@ export default function DummyInput({ {...filteredProps} css={{ label: 'dummyInput', - // get rid of any default styles - background: 0, - border: 0, - // important! this hides the flashing cursor + width: '1px', + position: 'absolute', + pointerEvents: 'none', + opacity: '0', caretColor: 'transparent', - fontSize: 'inherit', - gridArea: '1 / 1 / 2 / 3', - outline: 0, - padding: 0, - // important! without `width` browsers won't allow focus - width: 1, - - // remove cursor on desktop - color: 'transparent', - - // remove cursor on mobile whilst maintaining "scroll into view" behaviour - left: -100, - opacity: 0, - position: 'relative', - transform: 'scale(.01)', }} /> );