diff --git a/CHANGELOG.md b/CHANGELOG.md index 7b5ce4857..1238fd9c1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,7 +4,18 @@ Changelog is rather internal in nature. See release notes for the public overvie ## Upcoming version 5.x.x (`develop` branch) - [#705] +- [#738] + - **Description:** Bump KDS version to 5.0.0-rc2. + - **Products impact:** -. + - **Addresses:** -. + - **Components:** -. + - **Breaking:** -. + - **Impacts a11y:** -. + - **Guidance:** -. + +[#738]: https://github.com/learningequality/kolibri-design-system/pull/738 + +- [705] - **Description:** Update`KCard` updates: Adds 'preserveAboveTitle`, `preserveBelowTitle`, `preserveFooter` prop for flexible slot management. - **Products impact:** Card updates - **Addresses:** https://github.com/learningequality/kolibri-design-system/issues/702 @@ -12,7 +23,8 @@ Changelog is rather internal in nature. See release notes for the public overvie - **Breaking:** N0 - **Impacts a11y:** No - **Guidance:** - [#705] https://github.com/learningequality/kolibri-design-system/pull/705 + +[705]: https://github.com/learningequality/kolibri-design-system/pull/705 - [719] - **Description:** Removes KResponsiveWindowMixin. @@ -46,7 +58,8 @@ Changelog is rather internal in nature. See release notes for the public overvie - **Guidance:** Find all polite and live regions (or roles) in an application. Remove them and instead use `useKLiveRegion.sendPoliteMessage` and `useKLiveRegion.sendAssertiveMessage` to update the live regions that KDS inserted to document body during installation. [#687]: https://github.com/learningequality/kolibri-design-system/pull/687 - [#688] + +- [#688] - **Description:** Update`KCard` styling - **Products impact:** Card updates - **Addresses:** @@ -54,9 +67,10 @@ Changelog is rather internal in nature. See release notes for the public overvie - **Breaking:** N0 - **Impacts a11y:** No - **Guidance:** - [#688] https://github.com/learningequality/kolibri-design-system/pull/688 -[#707] +[#688]: https://github.com/learningequality/kolibri-design-system/pull/688 + +- [#707] - **Description:** Card Validations - **Products impact:** - **Addresses:** [#695](https://github.com/learningequality/kolibri-design-system/issues/695) @@ -64,9 +78,10 @@ Changelog is rather internal in nature. See release notes for the public overvie - **Breaking:** No - **Impacts a11y:** No - **Guidance:** - [#707] https://github.com/learningequality/kolibri-design-system/pull/707 - [#706] +[#707]: https://github.com/learningequality/kolibri-design-system/pull/707 + +- [#706] - **Description:** Add new alignment options to `KCard` - **Products impact:** new alignment - **Addresses:** [#701](https://github.com/learningequality/kolibri-design-system/issues/701) @@ -74,10 +89,11 @@ Changelog is rather internal in nature. See release notes for the public overvie - **Breaking:** N0 - **Impacts a11y:** No - **Guidance:** + [#706]: https://github.com/learningequality/kolibri-design-system/pull/706 -[#709] +- [#709] - **Description:** Update spaces to the latest design`KCard` - **Products impact:** Card updates - **Addresses:** [#704](https://github.com/learningequality/kolibri-design-system/issues/704) @@ -85,9 +101,10 @@ Changelog is rather internal in nature. See release notes for the public overvie - **Breaking:** N0 - **Impacts a11y:** No - **Guidance:** - [#709] https://github.com/learningequality/kolibri-design-system/pull/709 -[#625] +[#709]: https://github.com/learningequality/kolibri-design-system/pull/709 + +- [#625] - **Description:** Initial implementation of `KCard` component - **Products impact:** New Component - **Addresses:** [#530](https://github.com/learningequality/kolibri-design-system/issues/530) @@ -95,6 +112,7 @@ Changelog is rather internal in nature. See release notes for the public overvie - **Breaking:** No - **Impacts a11y:** Yes - **Guidance:** + [#625]: https://github.com/learningequality/kolibri-design-system/pull/625 - [#678] @@ -177,6 +195,28 @@ Changelog is rather internal in nature. See release notes for the public overvie ## Version 4.x.x (`release-v4` branch) +- [#737] + - **Description:** Bump KDS version to 4.4.1. + - **Products impact:** -. + - **Addresses:** -. + - **Components:** -. + - **Breaking:** -. + - **Impacts a11y:** -. + - **Guidance:** -. + +[#737]: https://github.com/learningequality/kolibri-design-system/pull/737 + +- [#717] + - **Description:** Fix ResizeOserver errors when KListWithOverflow resize very quickly. + - **Products impact:** bugfix. + - **Addresses:** Sentry error. + - **Components:** KListWithOverflow. + - **Breaking:** no. + - **Impacts a11y:** no. + - **Guidance:** -. + +[#717]: https://github.com/learningequality/kolibri-design-system/pull/717 + - [#680] - **Description:** Adds boolean `appendToRoot` prop to teleport the modal to the body element if true. - **Products impact:** new API. diff --git a/docs/pages/klistwithoverflow.vue b/docs/pages/klistwithoverflow.vue index 495321f6b..fa7bc5570 100644 --- a/docs/pages/klistwithoverflow.vue +++ b/docs/pages/klistwithoverflow.vue @@ -231,6 +231,7 @@ } .divider-wrapper { + align-self: stretch; padding: 8px 12px; } diff --git a/lib/KListWithOverflow.vue b/lib/KListWithOverflow.vue index 5cd0b2f55..5b65fda4a 100644 --- a/lib/KListWithOverflow.vue +++ b/lib/KListWithOverflow.vue @@ -104,7 +104,9 @@ // Add resize observer to watch inner list items size changes if (typeof window !== 'undefined' && window.ResizeObserver) { - this.resizeObserver = new ResizeObserver(this.throttledSetOverflowItems); + this.resizeObserver = new ResizeObserver(() => + requestAnimationFrame(this.throttledSetOverflowItems) + ); this.resizeObserver.observe(this.$refs.list); } }, diff --git a/package.json b/package.json index e11d8b63d..74af3f36e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "kolibri-design-system", - "version": "5.0.0-rc1", + "version": "5.0.0-rc2", "private": false, "description": "The Kolibri Design System defines common design patterns and code for use in Kolibri applications", "repository": {