@lynx-js/web-elements 0.12.7 → 0.12.8

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @lynx-js/web-elements
 
+## 0.12.8
+
+### Patch Changes
+
+- Keep XList scroll offsets and automatic scrolling aligned with its configured orientation. ([#3357](https://github.com/lynx-family/lynx-stack/pull/3357))
+
+- Updated dependency `dompurify` to `^3.4.13`. ([#3417](https://github.com/lynx-family/lynx-stack/pull/3417))
+
+- Updated dependency `markdown-it` to `^15.0.0`. ([#3423](https://github.com/lynx-family/lynx-stack/pull/3423))
+
 ## 0.12.7
 
 ### Patch Changes

package/dist/elements/XList/XList.js

@@ -42,7 +42,7 @@ let XList = (() => {
             this.#getListContainer().scrollTop = val;
         }
         get scrollLeft() {
-            return this.#getListContainer().scrollTop;
+            return this.#getListContainer().scrollLeft;
         }
         set scrollLeft(val) {
             this.#getListContainer().scrollLeft = val;
@@ -60,7 +60,7 @@ let XList = (() => {
             return super.scrollTop;
         }
         get __scrollLeft() {
-            return super.scrollTop;
+            return super.scrollLeft;
         }
         scrollToPosition(params) {
             let offset;
@@ -110,15 +110,15 @@ let XList = (() => {
             const scrollContainer = this.#getListContainer();
             const deltaTime = timestamp - this.#autoScrollOptions.lastTimestamp;
             const tickDistance = (deltaTime / 1000) * this.#autoScrollOptions.rate;
+            const isScrollVertical = (this.getAttribute('scroll-orientation')
+                || 'vertical') === 'vertical';
             scrollContainer.scrollBy({
-                left: tickDistance,
-                top: tickDistance,
+                left: isScrollVertical ? 0 : tickDistance,
+                top: isScrollVertical ? tickDistance : 0,
                 // smooth might cause lag when scrolling.
                 behavior: 'auto',
             });
             this.#autoScrollOptions.lastTimestamp = timestamp;
-            const isScrollVertical = (this.getAttribute('scroll-orientation')
-                || 'vertical') === 'vertical';
             const isContainerScrollable = isScrollVertical
                 ? scrollContainer.scrollTop + scrollContainer.clientHeight
                     >= scrollContainer.scrollHeight

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-elements",
-  "version": "0.12.7",
+  "version": "0.12.8",
   "private": false,
   "repository": {
     "type": "git",
@@ -134,12 +134,12 @@
     "**/*.css"
   ],
   "dependencies": {
-    "dompurify": "^3.4.12",
-    "markdown-it": "^14.3.0"
+    "dompurify": "^3.4.13",
+    "markdown-it": "^15.0.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.61.1",
-    "@rsbuild/core": "2.1.7",
+    "@rsbuild/core": "2.1.10",
     "@rsbuild/plugin-source-build": "1.0.6",
     "@types/markdown-it": "^14.1.2",
     "@types/node": "^24.13.3",

package/src/elements/XList/x-list.css

@@ -192,10 +192,6 @@ x-list::part(lower-threshold-observer) {
   flex-direction: column-reverse;
 }
 
-x-list[vertical-orientation="false"]::part(lower-threshold-observer) {
-  flex-direction: row-reverse;
-}
-
 /* list-type single */
 x-list {
   display: flex;