fix(core/checkbox): page jumps on checkbox click in scrollable ix-content

matthiashader commented 1 month ago

💡 What is the current behavior?

when the last element is clicked in a scrollable ix-content, whe element / page jumps

GitHub Issue Number: Closes #1308, [IX-1323], Closes #1362

🆕 What is the new behavior?

parent container is set to position: relative
reworked checkbox styling
changed the styling of the checkbox like https://www.w3schools.com/howto/howto_css_custom_checkbox.asp

🏁 Checklist

A pull request can only be merged if all of these conditions are met (where applicable):

[ ] 🦮 Accessibility (a11y) features were implemented
[ ] 🗺️ Internationalization (i18n) - no hard coded strings
[ ] 📲 Responsiveness - components handle viewport changes and content overflow gracefully
[ ] 📄 Documentation was reviewed/updated (pnpm run docs)
[ ] 🧪 Unit tests were added/updated and pass (pnpm test)
[ ] 📸 Visual regression tests were added/updated and pass (Guide)
[ ] 🧐 Static code analysis passes (pnpm lint)
[ ] 🏗️ Successful compilation (pnpm build, changes pushed)

👨‍💻 Help & support

changeset-bot[bot] commented 1 month ago

🦋 Changeset detected

Latest commit: 015e9818502a800bf1888057e5cda8419bb3c49d

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

This PR includes changesets to release 4 packages

| Name | Type | | ------------------- | ----- | | @siemens/ix | Patch | | @siemens/ix-angular | Patch | | @siemens/ix-react | Patch | | @siemens/ix-vue | 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