diff --git a/examples/button-title.html b/examples/button-title.html
index bf2fcbfb70..c4fc247d4f 100644
--- a/examples/button-title.html
+++ b/examples/button-title.html
@@ -4,6 +4,7 @@ title: Custom Tooltips
 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
index b42183ea5d..74629ff70e 100644
--- 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',
 });