Подсказка gwtbootstrap3 в неправильном месте для нумерации страниц

введите здесь описание изображения

Вот что происходит, когда вы наводите курсор на самый левый элемент пагинации или на самый правый.

Что мне нужно иметь:

То, что всплывающая подсказка прилипает к соответствующему элементу, когда я навожу его.

Мой код:

back = new AnchorListItem();
back.setText("Vorherige Aufgabe");
back.setIcon(IconType.CHEVRON_LEFT);
back.setIconPosition(IconPosition.LEFT);
bback.addClickHandler(new ClickHandler() {  ...some code... }
if (some_Condition){
    Tooltip tooltip = new Tooltip(back, "Diese Aufgabe hat nur eine Teilaufgabe");
    tooltip.setPlacement(Placement.TOP);
}
pagination.add(back);

.
. 
.
some code
.
.
.
next = new AnchorListItem();
next.setText("Nächste Aufgabe");
next.setIcon(IconType.CHEVRON_RIGHT);
next.setIconPosition(IconPosition.RIGHT);
next.addClickHandler(new ClickHandler() { ...some code... }
if (some_Condition){
    Tooltip tooltip = new Tooltip(next, "Diese Aufgabe hat nur eine Teilaufgabe");
    tooltip.setPlacement(Placement.TOP);
}
pagination.add(next);

Настройка Placement по-другому меняет только направление размещения всплывающей подсказки, но не начало координат.

Буду благодарен за любые подсказки :)


person Johannes Krämer    schedule 08.06.2017    source источник
comment
Здесь очень возможно ошибиться, но я смутно припоминаю, что вам нужно вызвать init() во всплывающей подсказке, вы можете попробовать это?   -  person Andrei    schedule 08.06.2017
comment
да, я пробовал это раньше, это ничего не изменило, мои всплывающие подсказки все равно инициализируются вручную   -  person Johannes Krämer    schedule 09.06.2017


Ответы (1)


Пожалуйста, не спрашивайте, как я это нашел и почему это работает, но решение таково:

Добавьте стиль float: left; к элементу <li> AnchorListItem внутри Pagination.

Вы можете сделать это в своей таблице стилей:

.pagination li {
    float: left;
}

Удивительно, но это также ответ на эту проблему: подсказка начальной загрузки смещена вправо;)

person Adam    schedule 08.06.2017
comment
вау, это странно, вы даже можете использовать float: left ИЛИ float: right, и то, и другое работает! Большое спасибо! - person Johannes Krämer; 09.06.2017