fix(OnyxSelect): position flyout correctly in grid layout

SchwarzIT / onyx

🚀 A design system and Vue.js component library created by Schwarz IT

https://onyx.schwarz

Apache License 2.0

41 stars 4 forks source link

fix(OnyxSelect): position flyout correctly in grid layout #1453

Closed larsrickert closed 3 days ago

larsrickert commented 3 days ago

closes #1385

position select flyout correctly when used inside a grid layout

The issue was that we are using calc(100% + $outline-size) for the top position of the flyout. The height of the select wrapper is now limited to max-content so 100% always resolves to the select input height and is not manipulated by a grid layout

Checklist

[x] A changeset is added with npx changeset add if your changes should be released as npm package (because they affect the library usage)

changeset-bot[bot] commented 3 days ago

🦋 Changeset detected

Latest commit: 0808e6a6084c56ba1d53f6ca1b10eca379fb175b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 7 packages

| Name | Type | | ------------------------- | ----- | | sit-onyx | Patch | | alpha-test-app | Patch | | playground | Patch | | @sit-onyx/chartjs-plugin | Patch | | @sit-onyx/nuxt | Patch | | @sit-onyx/storybook-utils | Patch | | @sit-onyx/vitepress-theme | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR