Невозможно центрировать абсолютное положение ⇐ Html

[Anonymous]

Предыстория и проблема:
Я использую Tailwind CSS и Alpine.js для простой панели поиска, в которой раскрывающийся список позиционируется с использованием абсолютного значения.
Ссылка Codepen не работает и удалена.
Когда я позиционирую раскрывающийся список с помощью относительного, он позиционируется идеально так, как я хочу (но растягивает остальную часть страницы, чего я не хочу). Однако, когда я изменяю это значение на абсолютное, оно больше не растягивает страницу, но расширяет раскрывающийся список шире, чем ожидалось.
Пример:
Вы можете увидеть это, щелкнув стрелку раскрывающегося списка в правой части панели поиска. Вы также можете увидеть разницу при изменении абсолютного на относительное в строке 26
Вопрос:
Как мне с помощью Tailwind.css расположить раскрывающийся список так, чтобы он имел абсолютную позицию, но не расширялся за пределы панели поиска?

Подробнее здесь: https://stackoverflow.com/questions/603 ... e-position