Как ограничить ширину раскрывающегося списка, чтобы она не превышала входные данные? ⇐ CSS

[Anonymous]

Я пытаюсь вызвать раскрывающийся список всякий раз, когда пользователи вводят что-то в поле ввода. Кажется, что эта функциональность работает, но я не понимаю, как установить ширину раскрывающегося списка, чтобы она не превышала ширину ввода. Оба они являются примитивами Radix. Прямо сейчас это выглядит так. Я также использую Tailwind. Мне бы хотелось, чтобы ширина раскрывающегося списка была равна ширине ввода.


export const AddressInput = ({}) => {
const [userInput, setUserInput] = useState('');
const [dropdownOpen, setDropdownOpen] = useState(false);
const { placePredictions, getPlacePredictions, isPlacePredictionsLoading } =
usePlacesAutocomplete();

return (

{
const addressTyped = evt.target.value;
getPlacePredictions({ input: addressTyped });
setUserInput(evt.target.value);
if (addressTyped !== '') setDropdownOpen(true);
}}
/>
{!isPlacePredictionsLoading && (



{placePredictions.map((p, i) => (
setUserInput(p.description)}
>
{p.description}

))}

Edit address manually



)}

);
};



Подробнее здесь: https://stackoverflow.com/questions/772 ... ceed-input