fix(popover): fix ignored arrow prop in Popover components

framework7io · Jun 1, 2023 · feaa823 · feaa823
1 parent 04ca371
commit feaa823
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/react/components/popover.jsx b/src/react/components/popover.jsx
@@ -155,7 +155,7 @@ const Popover = forwardRef((props, ref) => {
 
   return (
     <div id={id} style={style} className={classes} ref={elRef} {...extraAttrs}>
-      <div className="popover-arrow" />
+      {arrow !== false && <div className="popover-arrow" />}
       <div className="popover-inner">{children}</div>
     </div>
   );

diff --git a/src/svelte/components/popover.svelte b/src/svelte/components/popover.svelte
@@ -116,7 +116,9 @@
 </script>
 
 <div class={classes} bind:this={el} {style} {...restProps($$restProps)}>
-  <div class="popover-arrow" />
+  {#if arrow !== false}
+    <div class="popover-arrow" />
+  {/if}
   <div class="popover-inner">
     <slot popover={f7Popover} />
   </div>

diff --git a/src/vue/components/popover.vue b/src/vue/components/popover.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="elRef" :class="classes">
-    <div class="popover-arrow" />
+    <div v-if="arrow !== false" class="popover-arrow" />
     <div class="popover-inner"><slot /></div>
   </div>
 </template>