Splitter: blocked by content

[Rakasch]

Describe the bug

If the Splitterpanel contains anything with a fixed size, like Buttons, Images, anything besides text,
this content blocks the dragging. You can't drag the panel smaller than its content.

Reproducer

https://stackblitz.com/edit/x2uuev?file=src%2FApp.vue

PrimeVue version

3.35.0

Vue version

3.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

Go to reproducer.
Try to drag the first panel fully to one side.

Expected behavior

Should be able to drag the splitter fully to one side, as shown as in the second panel.

[jozefnad]

Did you tried just add styles for your SplitterPanel, such as flex, overflow etc?

[Rakasch]

@jozefnad
Of course, I can fix the problem myself by setting styles, as I did in the Stackblitz example.
I would expect a component to work out of the box, and not fix it each time I use it.

What is the point if I can only move the whitespace?
As it is now, it's just broken if you dont fix it yourself.