feat(web): x-input and x-textarea support bindselection event by Sherry-hue · Pull Request #990 · lynx-family/lynx-stack

Sherry-hue · 2025-06-04T10:04:07Z

Summary

feat: x-input and x-textarea support bindselection event, the returned type structure is { selectionStart: number; selectionEnd: number }.

Checklist

Tests updated (or not required).
Documentation updated (or not required).

changeset-bot · 2025-06-04T10:04:12Z

🦋 Changeset detected

Latest commit: 918b409

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

This PR includes changesets to release 2 packages

Name	Type
@lynx-js/web-elements	Patch
@lynx-js/web-elements-template	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

relativeci · 2025-06-04T11:34:24Z

React Example

#1183 Bundle Size — 231.7KiB (0%).

918b409(current) vs 8a6afe9 main#1173(baseline)

Bundle metrics no changes

	Current #1183	Baseline #1173
Initial JS	`0B`	`0B`
Initial CSS	`0B`	`0B`
Cache Invalidation	`0%`	`0%`
Chunks	`0`	`0`
Assets	`4`	`4`
Modules	`141`	`141`
Duplicate Modules	`56`	`56`
Duplicate Code	`46.17%`	`46.17%`
Packages	`2`	`2`
Duplicate Packages	`0`	`0`

Bundle size by type no changes

	Current #1183	Baseline #1173
IMG	`145.76KiB`	`145.76KiB`
Other	`85.94KiB`	`85.94KiB`

Bundle analysis report Branch Sherry-hue:feat/input-bindselect... Project dashboard

^{Generated by RelativeCI Documentation Report issue}

relativeci · 2025-06-04T11:34:26Z

Web Explorer

#1171 Bundle Size — 255.97KiB (+0.4%).

918b409(current) vs 8a6afe9 main#1161(baseline)

Bundle metrics

3 changes

1 regression

	Current #1171	Baseline #1161
Initial JS	`137.86KiB`(`+0.74%`)	`136.84KiB`
Initial CSS	`31.79KiB`	`31.79KiB`
Cache Invalidation	`53.67%`	`0%`
Chunks	`4`	`4`
Assets	`4`	`4`
Modules	`202`	`202`
Duplicate Modules	`14`	`14`
Duplicate Code	`2.85%`(`-0.35%`)	`2.86%`
Packages	`4`	`4`
Duplicate Packages	`0`	`0`

Bundle size by type

1 change

1 regression

	Current #1171	Baseline #1161
JS	`224.18KiB` (`+0.46%`)	`223.17KiB`
CSS	`31.79KiB`	`31.79KiB`

Bundle analysis report Branch Sherry-hue:feat/input-bindselect... Project dashboard

^{Generated by RelativeCI Documentation Report issue}

codecov · 2025-06-04T11:40:19Z

Codecov Report

All modified and coverable lines are covered by tests ✅

📢 Thoughts on this report? Let us know!

codspeed-hq · 2025-06-04T11:43:58Z

CodSpeed Performance Report

Merging #990 will improve performances by 16.49%

_{Comparing Sherry-hue:feat/input-bindselection (918b409) with main (8a6afe9)}

Summary

⚡ 1 improvements
✅ 8 untouched benchmarks

Benchmarks breakdown

	Benchmark	`BASE`	`HEAD`	Change
⚡	`basic-performance-div-10`	2.5 ms	2.2 ms	+16.49%

@deprecated

This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @lynx-js/react@0.109.2 ### Patch Changes - Support for locating errors in the source code directly on the device when exceptions occur when using MTS. ([#1019](#1019)) This requires Lynx engine v3.4 or later. - Fix the "main-thread.js exception: ReferenceError: `__webpack_require__` is not defined" error in HMR. ([#985](#985)) This error occurred when setting `output.iife: true`, which is the default value in `@lynx-js/rspeedy` v0.9.8. ## @lynx-js/rspeedy@0.9.9 ### Patch Changes - Set `optimization.emitOnErrors` when `DEBUG` is enabled. ([#1000](#1000)) This is useful for debugging PrimJS Syntax error. ## @lynx-js/react-rsbuild-plugin@0.10.3 ### Patch Changes - Better [zustand](https://github.com/pmndrs/zustand) support by creating an alias for `use-sync-external-store`. ([#980](#980)) See [#893](#893) for more details. - Updated dependencies \[[`acc0d80`](acc0d80)]: - @lynx-js/runtime-wrapper-webpack-plugin@0.1.1 - @lynx-js/react-alias-rsbuild-plugin@0.10.3 - @lynx-js/use-sync-external-store@1.5.0 - @lynx-js/react-refresh-webpack-plugin@0.3.3 - @lynx-js/react-webpack-plugin@0.6.15 - @lynx-js/css-extract-webpack-plugin@0.5.4 - @lynx-js/template-webpack-plugin@0.7.2 ## @lynx-js/css-serializer@0.1.3 ### Patch Changes - Support Windows. ([#1007](#1007)) ## @lynx-js/offscreen-document@0.1.1 ### Patch Changes - feat: add sheet.insertRule support ([#1026](#1026)) - refactor: implement mts apis in closure pattern ([#1004](#1004)) ## @lynx-js/web-constants@0.13.5 ### Patch Changes - refactor: move some internal status to dom's attribute ([#945](#945)) It's essential for SSR - fix: target.id is undefined ([#1016](#1016)) - feat: add new pageConfig configuration: enableJSDataProcessor ([#886](#886)) - refactor: move component config info to attribute ([#984](#984)) - refactor: save dataset on an attribute ([#981](#981)) On lynx, the `data-*` attributes have different behaviors than the HTMLElement has. The dataset will be treated as properties, the key will not be applied the camel-case <-> hyphenate name transformation. Before this commit we use it as a runtime data, but after this commit we will use encodeURI(JSON.stringify(dataset)) to encode it as a string. - refactor: create elements of `elementToRuntimeInfoMap` on demand ([#986](#986)) - refactor: implement mts apis in closure pattern ([#1004](#1004)) - Updated dependencies \[]: - @lynx-js/web-worker-rpc@0.13.5 ## @lynx-js/web-core@0.13.5 ### Patch Changes - refactor: move some internal status to dom's attribute ([#945](#945)) It's essential for SSR - refactor: avoid to create many style element for cssog ([#1026](#1026)) - refactor: move component config info to attribute ([#984](#984)) - fix: ensure render starts after dom connected ([#1020](#1020)) - refactor: save dataset on an attribute ([#981](#981)) On lynx, the `data-*` attributes have different behaviors than the HTMLElement has. The dataset will be treated as properties, the key will not be applied the camel-case <-> hyphenate name transformation. Before this commit we use it as a runtime data, but after this commit we will use encodeURI(JSON.stringify(dataset)) to encode it as a string. - refactor: implement mts apis in closure pattern ([#1004](#1004)) - Updated dependencies \[[`70b82d2`](70b82d2), [`5651e24`](5651e24), [`9499ea9`](9499ea9), [`50f0193`](50f0193), [`57bf0ef`](57bf0ef), [`5651e24`](5651e24), [`0525fbf`](0525fbf), [`b6b87fd`](b6b87fd), [`c014327`](c014327)]: - @lynx-js/web-mainthread-apis@0.13.5 - @lynx-js/web-constants@0.13.5 - @lynx-js/offscreen-document@0.1.1 - @lynx-js/web-worker-runtime@0.13.5 - @lynx-js/web-worker-rpc@0.13.5 ## @lynx-js/web-core-server@0.13.5 ### Patch Changes - refactor: move some internal status to dom's attribute ([#945](#945)) It's essential for SSR - refactor: move component config info to attribute ([#984](#984)) - refactor: save dataset on an attribute ([#981](#981)) On lynx, the `data-*` attributes have different behaviors than the HTMLElement has. The dataset will be treated as properties, the key will not be applied the camel-case <-> hyphenate name transformation. Before this commit we use it as a runtime data, but after this commit we will use encodeURI(JSON.stringify(dataset)) to encode it as a string. - fix: dump encode data in comment ([#989](#989)) ## @lynx-js/web-elements@0.7.5 ### Patch Changes - feat: x-input && x-textarea add new method: `getValue`, which returns the value of the input element, selectionStart and selectEnd when success. ([#982](#982)) - feat: x-input and x-textarea bindinput event return structures add `selectionStart`, `selectionEnd`, and `textLength`, `textLength` are marked as @deprecated ([#996](#996)) - feat: x-input and x-textarea support bindselection event, the returned type structure is `{ selectionStart: number; selectionEnd: number }`. ([#990](#990)) - Updated dependencies \[]: - @lynx-js/web-elements-template@0.7.5 ## @lynx-js/web-mainthread-apis@0.13.5 ### Patch Changes - refactor: move some internal status to dom's attribute ([#945](#945)) It's essential for SSR - refactor: avoid to create many style element for cssog ([#1026](#1026)) - fix: target.id is undefined ([#1016](#1016)) - feat: add new pageConfig configuration: enableJSDataProcessor ([#886](#886)) - refactor: move component config info to attribute ([#984](#984)) - refactor: save dataset on an attribute ([#981](#981)) On lynx, the `data-*` attributes have different behaviors than the HTMLElement has. The dataset will be treated as properties, the key will not be applied the camel-case <-> hyphenate name transformation. Before this commit we use it as a runtime data, but after this commit we will use encodeURI(JSON.stringify(dataset)) to encode it as a string. - refactor: create elements of `elementToRuntimeInfoMap` on demand ([#986](#986)) - refactor: implement mts apis in closure pattern ([#1004](#1004)) - Updated dependencies \[[`70b82d2`](70b82d2), [`9499ea9`](9499ea9), [`50f0193`](50f0193), [`57bf0ef`](57bf0ef), [`0525fbf`](0525fbf), [`b6b87fd`](b6b87fd), [`c014327`](c014327)]: - @lynx-js/web-constants@0.13.5 ## @lynx-js/web-worker-runtime@0.13.5 ### Patch Changes - refactor: implement mts apis in closure pattern ([#1004](#1004)) - Updated dependencies \[[`70b82d2`](70b82d2), [`5651e24`](5651e24), [`9499ea9`](9499ea9), [`50f0193`](50f0193), [`57bf0ef`](57bf0ef), [`5651e24`](5651e24), [`0525fbf`](0525fbf), [`b6b87fd`](b6b87fd), [`c014327`](c014327)]: - @lynx-js/web-mainthread-apis@0.13.5 - @lynx-js/web-constants@0.13.5 - @lynx-js/offscreen-document@0.1.1 - @lynx-js/web-worker-rpc@0.13.5 ## @lynx-js/runtime-wrapper-webpack-plugin@0.1.1 ### Patch Changes - Fix `requestAnimationFrame` is not working. ([#1021](#1021)) ## @lynx-js/template-webpack-plugin@0.7.2 ### Patch Changes - Updated dependencies \[[`ccb4254`](ccb4254)]: - @lynx-js/css-serializer@0.1.3 ## create-rspeedy@0.9.9 ## @lynx-js/react-alias-rsbuild-plugin@0.10.3 ## upgrade-rspeedy@0.9.9 ## @lynx-js/web-elements-template@0.7.5 ## @lynx-js/web-worker-rpc@0.13.5 Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Sherry-hue self-assigned this Jun 4, 2025

Sherry-hue added this to Lynx for Web Jun 4, 2025

Sherry-hue requested a review from PupilTong as a code owner June 4, 2025 10:04

Sherry-hue added the platform:Web label Jun 4, 2025

Sherry-hue force-pushed the feat/input-bindselection branch from a94d548 to 6375a55 Compare June 4, 2025 11:24

feat(web): x-input and x-textarea support bindselection event

918b409

Sherry-hue force-pushed the feat/input-bindselection branch from 6375a55 to 918b409 Compare June 4, 2025 11:33

PupilTong approved these changes Jun 5, 2025

View reviewed changes

Sherry-hue added this pull request to the merge queue Jun 5, 2025

Merged via the queue into lynx-family:main with commit ab62ea8 Jun 5, 2025
39 checks passed

Sherry-hue deleted the feat/input-bindselection branch June 5, 2025 06:47

github-project-automation bot moved this to Done in Lynx for Web Jun 5, 2025

github-actions bot mentioned this pull request Jun 5, 2025

chore: Release 2025-06-06 12:15:14 #979

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(web): x-input and x-textarea support bindselection event#990

feat(web): x-input and x-textarea support bindselection event#990
Sherry-hue merged 1 commit intolynx-family:mainfrom
Sherry-hue:feat/input-bindselection

Sherry-hue commented Jun 4, 2025

Uh oh!

changeset-bot bot commented Jun 4, 2025 •

edited

Loading

Uh oh!

relativeci bot commented Jun 4, 2025 •

edited

Loading

Uh oh!

relativeci bot commented Jun 4, 2025 •

edited

Loading

Uh oh!

codecov bot commented Jun 4, 2025

Uh oh!

codspeed-hq bot commented Jun 4, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

Sherry-hue commented Jun 4, 2025

Summary

Checklist

Uh oh!

changeset-bot bot commented Jun 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

relativeci bot commented Jun 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

React Example

#1183 Bundle Size — 231.7KiB (0%).

Uh oh!

relativeci bot commented Jun 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Web Explorer

#1171 Bundle Size — 255.97KiB (+0.4%).

Uh oh!

codecov bot commented Jun 4, 2025

Codecov Report

Uh oh!

codspeed-hq bot commented Jun 4, 2025

CodSpeed Performance Report

Merging #990 will improve performances by 16.49%

Summary

Benchmarks breakdown

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

changeset-bot bot commented Jun 4, 2025 •

edited

Loading

relativeci bot commented Jun 4, 2025 •

edited

Loading

relativeci bot commented Jun 4, 2025 •

edited

Loading