fixup! Feat(web-twig): Introduce advanced Tooltip usage supported by …

…FloatingUI
lmc-eu · Jan 23, 2024 · 4f5282a · 4f5282a
1 parent de874a9
commit 4f5282a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/packages/web-twig/src/Resources/components/Tooltip/__tests__/__fixtures__/tooltip.twig b/packages/web-twig/src/Resources/components/Tooltip/__tests__/__fixtures__/tooltip.twig
@@ -5,6 +5,7 @@
     closeLabel="Close tooltip"
     id="my-tooltip"
     isDismissible
+    enableControlledPlacement
     placement="right-start"
 >
     Hello there!

diff --git a/.../web-twig/src/Resources/components/Tooltip/__tests__/__snapshots__/tooltip.twig.snap.html b/.../web-twig/src/Resources/components/Tooltip/__tests__/__snapshots__/tooltip.twig.snap.html
@@ -10,7 +10,7 @@
     </div>
     <!-- Render with all props -->
 
-    <div class="Tooltip Tooltip--dismissible" id="my-tooltip" data-spirit-placement="right-start">
+    <div class="Tooltip Tooltip--dismissible" id="my-tooltip" data-spirit-placement="right-start" data-spirit-placement-controlled="1" data-spirit-enable-flipping="1" data-spirit-enable-flipping-cross-axis="1" data-spirit-flip-fallback-axis-side-direction="none" data-spirit-enable-shifting="1" data-spirit-enable-sizing="right-start">
       Hello there! <button type="button" class="Tooltip__close" data-spirit-dismiss="tooltip" aria-controls="my-tooltip" data-spirit-target="#my-tooltip" aria-expanded="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" id="a79dff7a255f69bbe6e39d594aa2275b" aria-hidden="true">
       <path d="M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.11 5.69997C6.72 5.30997 6.09 5.30997 5.7 5.69997C5.31 6.08997 5.31 6.71997 5.7 7.10997L10.59 12L5.7 16.89C5.31 17.28 5.31 17.91 5.7 18.3C6.09 18.69 6.72 18.69 7.11 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997Z" fill="currentColor">
       </path></svg> <span class="accessibility-hidden">Close tooltip</span></button>

diff --git a/...ig/src/Resources/components/Tooltip/__tests__/__snapshots__/tooltipWrapper.twig.snap.html b/...ig/src/Resources/components/Tooltip/__tests__/__snapshots__/tooltipWrapper.twig.snap.html
@@ -5,7 +5,7 @@
     </title>
   </head>
   <body>
-    <div class="TooltipWrapper d-inline-block" data-spirit-element="tooltip-wrapper">
+    <div class="TooltipWrapper" data-spirit-element="tooltip-wrapper">
       content
     </div>
   </body>
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,7 +5,7 @@ @@
         </title>
       </head>
       <body>
-        <div class="TooltipWrapper d-inline-block" data-spirit-element="tooltip-wrapper">
+        <div class="TooltipWrapper" data-spirit-element="tooltip-wrapper">
           content
         </div>
       </body>
@@ Expand Down @@