Переполнение вправо над полосой прокрутки и следующей панелью, используя GWT

Question

У меня есть приложение GWT, которое имеет левую прокручиваемую панель навигации с деревом каталогов. Я хотел бы иметь возможность держать панель узкой с полосой прокрутки внизу (которая у меня есть), но показывать полное имя файла при наведении курсора, перетекая через вертикальную полосу прокрутки и переходя к следующей панели. Я мог бы сделать это, наложив небольшой div с полным именем при наведении, но это кажется хитрым и склонным к тонким визуальным ошибкам. Я попытался возиться с видимостью, переносом и z-index без эффекта. Могу ли я сделать это, просто откорректировав параметры CSS рассматриваемого элемента, или каким-либо другим способом, не так уж сложным?

IntelliJ делает это правильно, но они не в браузере:

Спасибо, -Lars

Answer 1

К сожалению, это не может быть сделано в HTML. согласно спецификации. .

Вычисленные значения 'overflow-x' и 'overflow-y' совпадают с их указанными значениями, за исключением того, что некоторые комбинации с 'visible' невозможны: если одно указано как 'visible', а другое - «scroll» или «auto», затем «visible» устанавливается на «auto».

Answer 2

Я думаю, вам придется использовать оверлей.Если метки находятся внутри div, то этот div будет контролировать переполнение, и нет никакого способа указать разные значения переполнения для разных дочерних элементов.

Вы можете скопировать все стили из вашей метки в новый оверлейный элемент div ввремя выполнения, чтобы избежать дублирования всех ваших стилей.Я, вероятно, отказался бы от того, чтобы иметь контурную рамку только вокруг переполнения (вокруг "esponse" в вашем примере изображения).Это кажется трудным.