Я только что обновил Firefox до 48.0.1 с 48.0, и теперь я вижу проблему с подсказкой Bootstrap. Глядя на HTML в Firebug, кажется, что Firefox добавляет новый <div>
в нижней части страницы, которая не в .jsp:Проблема с всплывающей подсказкой Bootstrap с Firefox
<div id="tooltip404721" class="tooltip fade top in" role="tooltip" style="top: 162.4px; left: 1220.5px; display: block;">
<div class="tooltip-arrow" style="left: 50%;"></div>
<div class="tooltip-inner">Delete</div>
</div>
Это происходит только если подсказка прикреплена к кнопке - ссылки не затрагиваются. Соединения и кнопки - это элементы столбца в таблице данных JQuery DataTables. Часть подсказки кода для ссылки против кнопки идентична.
Ссылка:
<td><a class="btn btn-info btn-xs" href="<c:url value='/recipe/viewRecipe/${recipe.id}'/>"
data-toggle="tooltip" data-placement="top" title="<spring:message code="tooltip.view"></spring:message>">
<span class="glyphicon glyphicon-list-alt"></span></a>
Кнопка:
<td><button class="btn btn-danger btn-xs" type="button" id="delete${recipe.id}" onclick="deleteRecipe(${recipe.id},
'<spring:escapeBody javaScriptEscape="true">${recipe.name}</spring:escapeBody>')"
data-toggle="tooltip" data-placement="top" title="<spring:message code="tooltip.delete"></spring:message>">
<span class="glyphicon glyphicon-remove"></span></button>
Этот параметр DataTables специфичный в .js файл включен в ра GE:
$('[data-toggle="tooltip"]').tooltip({
container : 'body'
});
Удаление вышеперечисленного избавляется от дополнительной <div>
, но тогда подсказка больше не появляется с Bootstrap форматирования. Добавление data-container="body"
к самой кнопке тоже не сработало.
Любые идеи?
EDIT: Хотя я совсем недавно заметил проблему, я понизил ее до 47.0.1 и все еще вижу проблему. Я буду продолжать понижать, чтобы узнать, в какую версию входит этот запуск. Я не думаю, что это мой код, потому что производственная версия имеет ту же проблему, что и моя версия dev. Кроме того, этого не происходит в Chrome, но это происходит в Edge.
Я не думаю, что ваш браузер или версия не имеет ничего общего с этим. Всплывающие подсказки Bootstrap всегда делали дополнительный ('div') элемент для показа всплывающей подсказки. Можете ли вы сделать демоверсию, которая показывает проблему? – thirtydot
Согласен. Я просто проверил производственный сайт на моем ноутбуке, на котором работает Firefox 45, и проблема появляется и в этой версии. Очевидно, я подпрыгнул до неправильного вывода, так как я не видел проблему в Chrome. Это должно быть то, что я изменил в недавнем выпуске. Я проверю это и опубликую обновление, когда я (надеюсь) найду его. – LWK69