Как сделать чтобы не обрезался кастомный селект?

Question

[boxFight]

https://jsbin.com/hiyabuzole/edit?html,css,output

Comments

[Ankhena]

Ответ очевидный. Вынуть его из overflow. Например, вешать сверху абсолютом. Или перевесить overflow так, чтобы он не обрезал селект. Если overflow в принципе нужен.

Альтернатива: открывать наверх, а не вниз.

[boxFight]

Ankhena, overflow нужен. Рассматривался вариант через абсолют ,но проблема в том, что он будет не последним элементом в таблице.

[Ankhena]

boxFight,

Рассматривался вариант через абсолют ,но проблема в том, что он будет не последним элементом в таблице.

Он вообще не будет в таблице

[boxFight]

Ankhena, почему? не совсем понятно

[Ankhena]

boxFight, потому что если он будет внутри, то overflow будет его обрезать

[boxFight]

Ankhena, так дело в том , что в таблице будет допустим 10 таких итемов

https://jsbin.com/dofiziyedo/1/edit

[Ankhena]

boxFight, еще раз медленно: вынимаем селект из таблицы (можно на js). Помещаем в разметку снаружи.
На том же JS выясняем где нужно разместить этот селект. Задаем координаты.
Для удобства можно сделать обертку равную размеру таблицы. В ней будет таблица и перемещенный select. Так вам будет проще работать с координатами.