refactor(CPopover, CTooltip): update arrow configuration

mrholek · mrholek · commit fe0bf3a78dc0 · 2023-07-01T01:14:29.000+02:00
diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts
@@ -97,6 +97,12 @@ const CPopover = defineComponent({
         popper.value = createPopper(togglerRef.value, popoverRef.value, {
           placement: getRTLPlacement(props.placement, togglerRef.value),
           modifiers: [
+            {
+              name: 'arrow',
+              options: {
+                element: '.popover-arrow',
+              },
+            },
             {
               name: 'offset',
               options: {
@@ -138,7 +144,7 @@ const CPopover = defineComponent({
                 ...attrs,
               },
               [
-                h('div', { class: 'popover-arrow', 'data-popper-arrow': '' }),
+                h('div', { class: 'popover-arrow' }),
                 (props.title || slots.title) &&
                   h(
                     'div',
diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts
@@ -93,6 +93,12 @@ const CTooltip = defineComponent({
         popper.value = createPopper(togglerRef.value, tooltipRef.value, {
           placement: getRTLPlacement(props.placement, togglerRef.value),
           modifiers: [
+            {
+              name: 'arrow',
+              options: {
+                element: '.tooltip-arrow',
+              },
+            },
             {
               name: 'offset',
               options: {
@@ -134,7 +140,7 @@ const CTooltip = defineComponent({
                 ...attrs,
               },
               [
-                h('div', { class: 'tooltip-arrow', 'data-popper-arrow': '' }),
+                h('div', { class: 'tooltip-arrow' }),
                 (props.content || slots.content) &&
                   h(
                     'div',
