sl-select shows scrollbars in menu when html margin is 0

[benjamind]

Describe the bug

It appears the sizing of the sl-menu-item within an sl-select is incorrect if the html element has no margin.

To Reproduce

Steps to reproduce the behavior:

1. Set html style for margin to 0
2. Use an sl-select component
3. Open the control and observe scrollbars in the dropdown menu

Demo

https://codepen.io/delarre/pen/GRQgMKo?editors=1100

Screenshots

Browser / OS

• OS: [e.g. Mac, Windows]
• Browser [e.g. Chrome, Firefox, Safari]
• Browser version [e.g. 22]

Additional information

Provide any additional information about the bug here.

[benjamind]

Further investigation reveals this also occurs if the element is absolutely positioned at the edge of a scroll container.

[claviska]

I need to investigate this further, but it could be intended, as <sl-select> uses <sl-dropdown> and the latter uses Floating UI to ensure the panel is positioned within the viewport.

[claviska]

This was caused by the padding property that gets passed to Floating UI, which was set to 8 for some reason. I was able to replicate it and verify the fix.

[benjamind]

Nice work thanks!