Как предотвратить обрезание контента за пределами таблицы?

Question

[GaserV]

Такая ситуация. В каждой строке таблицы есть экшены. При клике на элемент над ним появляется подтверждение действия так сказать. Но тут проблема - если это первая строка таблицы то этот попап обрезается началом таблицы и половина поп-апа не видно. Это, как выяснил, происходит из-за того, что у обертки (див) таблицы стоит overflow-x: scroll. Если его убрать - все норм. Но обертка эта нужна в виду того, что в таблице много колонок и не умещаются на экран. Может кто сталкивался? Как решить ?

Comments

[FeST1VaL]

Ну в теории можно считать расстояние до верха таблицы и смешать попап.

[GaserV]

если одна строка в таблице будет то перероет в текущей строке данные

[Дима Долготер]

Артем Будин, просто делай появление попапа по центру таблицы всегда

[GaserV]

да не, не вариант

[FeST1VaL]

GaserV, тогда выносить за таблицу попап, чтобы он создавался вне таблицы

[Anashsh]

1. Узнавать координаты клика и если это возле края таблицы, и выводить попап снизу.
2. У верхних строк таблицы всегда делать попап снизу
3. Делать попап с position:fixed, выносить из контейнера и присваивать нужные координаты

А выйти за overflow волшебным правилом не выйдет

[GaserV]

Anashsh, да, я так и понял что единственный вариант пожалуй

[Роман Дворянов]

GaserV, а есть где посмотреть - потыкать? codepen накрайняк