Merge pull request openlayers#11379 from jipexu/tooltipbranch

tooltip bs on fullscreen
kevlund · Aug 2, 2020 · 10dd6ce · 10dd6ce
2 parents 7591df8 + 6f59216
commit 10dd6ce
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/examples/button-title.html b/examples/button-title.html
@@ -4,6 +4,7 @@
 shortdesc: This example shows how to customize the buttons tooltips with Bootstrap.
 docs: >
   This example shows how to customize the buttons tooltips with <a href="https://getbootstrap.com/docs/4.5/components/tooltips/">Bootstrap</a>.
+  For the tooltips to work in fullscreen mode, set the container property to a selector that matches the map target.
 tags: "custom, tooltip"
 resources:
   - https://code.jquery.com/jquery-3.5.1.min.js

diff --git a/examples/button-title.js b/examples/button-title.js
@@ -19,7 +19,9 @@ const map = new Map({
 
 $('.ol-zoom-in, .ol-zoom-out').tooltip({
   placement: 'right',
+  container: '#map',
 });
 $('.ol-rotate-reset, .ol-attribution button[title]').tooltip({
   placement: 'left',
+  container: '#map',
 });