primevue icon indicating copy to clipboard operation
primevue copied to clipboard

Divider: Safari don't respect empty Divider height

Open allanmcarvalho opened this issue 1 year ago • 7 comments

Describe the bug

When using the Divider component in Safari without passing a Slot, a bug happens. The component below does not respect the divider padding because it is an empty DIV. I managed to get around this by putting a inside the Slot when I don't want the Divider to have text. After this, everything appears to be ok.

Reproducer

https://stackblitz.com/edit/primevue-3-vite-ts-issue-template-xus7rx?file=src%2FApp.vue

PrimeVue version

3.53.0

Vue version

4.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Safari 17.5

Steps to reproduce the behavior

Put Divider without Slot content, add a bellow content and see te output on Safari.

Expected behavior

The bellow content don't respect Divider height and stay together with it's line.

allanmcarvalho avatar Jul 04 '24 15:07 allanmcarvalho

I'm facing the same issue. It seems that this problem is also present in Primevue 4. I checked if this problem is also in the Angular version of the Divider component, but that seems to work just fine in Safari. The code is mostly the same.

midyro avatar Aug 21 '24 06:08 midyro

Same issue here with PrimeVue 4

nicolascvoodoo avatar Sep 12 '24 16:09 nicolascvoodoo

same issue 4.1.0

ayugioh2003 avatar Oct 24 '24 10:10 ayugioh2003

same issue 4.2.5

whitersun avatar Jan 19 '25 19:01 whitersun

Same issue 4.2.5.

emersonp avatar Feb 11 '25 02:02 emersonp

Same issue 4.3.2

dxvgef avatar Mar 20 '25 07:03 dxvgef