Skip to content

fix: list with a blank block#379

Merged
Sherry-hue merged 1 commit intolynx-family:mainfrom
Sherry-hue:feat/list-flow-scrolltoupper
Mar 31, 2025
Merged

fix: list with a blank block#379
Sherry-hue merged 1 commit intolynx-family:mainfrom
Sherry-hue:feat/list-flow-scrolltoupper

Conversation

@Sherry-hue
Copy link
Collaborator

Summary

fix: When list with list-type: flow, scrolltoupper, scrolltolower were specified, there was a blank block.

This is because in the grid layout, upper-threshold-observer and lower-threshold-observer need to occupy a row or column.

Checklist

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

@Sherry-hue Sherry-hue requested a review from PupilTong as a code owner March 28, 2025 08:51
@changeset-bot
Copy link

changeset-bot bot commented Mar 28, 2025

🦋 Changeset detected

Latest commit: 18278f9

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

This PR includes changesets to release 1 package
Name Type
@lynx-js/web-elements 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

@codecov
Copy link

codecov bot commented Mar 28, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

@Sherry-hue Sherry-hue self-assigned this Mar 28, 2025
@Sherry-hue Sherry-hue added bug Something isn't working platform:Web labels Mar 28, 2025
@codecov
Copy link

codecov bot commented Mar 28, 2025

Bundle Report

Changes will increase total bundle size by 1.22kB (0.22%) ⬆️. This is within the configured threshold ✅

Detailed changes
Bundle name Size Change
@lynx-js/web-explorer-web-array-push 319.43kB 1.22kB (0.38%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: @lynx-js/web-explorer-web-array-push

Assets Changed:

Asset Name Size Change Total Size Change (%)
static/css/index.css 1.22kB 36.49kB 3.47%

@codspeed-hq
Copy link

codspeed-hq bot commented Mar 28, 2025

CodSpeed Performance Report

Merging #379 will not alter performance

Comparing Sherry-hue:feat/list-flow-scrolltoupper (18278f9) with main (30f3bd8)

Summary

✅ 1 untouched benchmarks

@Sherry-hue Sherry-hue force-pushed the feat/list-flow-scrolltoupper branch from 5ca9fa3 to f0bdcd5 Compare March 28, 2025 09:22
…e specified, there was a blank block.

feat: add tests screen shot
@Sherry-hue Sherry-hue force-pushed the feat/list-flow-scrolltoupper branch from f0bdcd5 to 18278f9 Compare March 28, 2025 10:22
@PupilTong PupilTong requested a review from Copilot March 31, 2025 03:28
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR fixes the issue of a blank block appearing when using list-type: flow with scrolltoupper and scrolltolower events in the layout by updating test cases to verify the expected behavior.

  • Adds two new tests for scrolltoupper and scrolltolower flows.
  • Updates the changelog to document the fix.

Reviewed Changes

Copilot reviewed 5 out of 8 changed files in this pull request and generated 2 comments.

File Description
packages/web-platform/web-tests/tests/web-elements.spec.ts Added tests for validating scrolltoupper and scrolltolower events
.changeset/early-chefs-cheat.md Updated changelog to include the fix
Files not reviewed (3)
  • .cspell/lynx.txt: Language not supported
  • packages/web-platform/web-elements/src/XList/x-list.css: Language not supported
  • packages/web-platform/web-tests/tests/web-elements/x-list/event-scrolltoupper-tolower-flow.html: Language not supported

@Sherry-hue Sherry-hue added this pull request to the merge queue Mar 31, 2025
Merged via the queue into lynx-family:main with commit 1d5a9ef Mar 31, 2025
21 checks passed
@Sherry-hue Sherry-hue deleted the feat/list-flow-scrolltoupper branch March 31, 2025 04:11
colinaaa pushed a commit that referenced this pull request Mar 31, 2025
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/web-constants@0.10.0

### Minor Changes

- feat: rewrite the main thread Element PAPIs
([#343](#343))

    In this commit we've rewritten the main thread apis.

    The most highlighted change is that

    -   Before this commit we send events directly to bts
- After this change, we send events to mts then send them to bts with
some data combined.

### Patch Changes

- feat: The onNapiModulesCall function of lynx-view provides the fourth
parameter: `lynxView`, which is the actual lynx-view DOM.
([#350](#350))

- fix: publicComponentEvent args order
([#401](#401))

- Updated dependencies
\[[`a521759`](a521759)]:
    -   @lynx-js/web-worker-rpc@0.10.0

## @lynx-js/web-core@0.10.0

### Minor Changes

- feat: rewrite the main thread Element PAPIs
([#343](#343))

    In this commit we've rewritten the main thread apis.

    The most highlighted change is that

    -   Before this commit we send events directly to bts
- After this change, we send events to mts then send them to bts with
some data combined.

### Patch Changes

- refactor: timing system
([#378](#378))

    Now we moved the timing system to the background thread.

- feat: support `defaultOverflowVisible` config
([#406](#406))

- fix(web): rsbuild will bundle 2 exactly same chunk for two same `new
Worker` stmt
([#372](#372))

    the bundle size will be optimized about 28.2KB

- fix: inline style will be removed for value number `0`
([#368](#368))

the inline style value could be incorrectly removed for number value
`0`;

    For example, `flex-shrink:0` may be ignored.

- feat: The onNapiModulesCall function of lynx-view provides the fourth
parameter: `lynxView`, which is the actual lynx-view DOM.
([#350](#350))

- fix: publicComponentEvent args order
([#401](#401))

- Updated dependencies
\[[`3a8dabd`](3a8dabd),
[`a521759`](a521759),
[`890c6c5`](890c6c5)]:
    -   @lynx-js/web-worker-runtime@0.10.0
    -   @lynx-js/web-constants@0.10.0
    -   @lynx-js/web-worker-rpc@0.10.0

## @lynx-js/web-mainthread-apis@0.10.0

### Minor Changes

- feat: rewrite the main thread Element PAPIs
([#343](#343))

    In this commit we've rewritten the main thread apis.

    The most highlighted change is that

    -   Before this commit we send events directly to bts
- After this change, we send events to mts then send them to bts with
some data combined.

### Patch Changes

- feat(web): use pure DOM API to implement Element PAPIs
([#334](#334))

    1.  rewrite all element PAPIs impl. Now we use DOM.
2. use our new package `@lynx-js/offscreen-document` to support the new
Element PAPI implementation in a worker

- fix: inline style will be removed for value number `0`
([#368](#368))

the inline style value could be incorrectly removed for number value
`0`;

    For example, `flex-shrink:0` may be ignored.

- fix: publicComponentEvent args order
([#401](#401))

- Updated dependencies
\[[`3a8dabd`](3a8dabd),
[`a521759`](a521759),
[`890c6c5`](890c6c5)]:
    -   @lynx-js/web-constants@0.10.0

## @lynx-js/web-worker-runtime@0.10.0

### Minor Changes

- feat: rewrite the main thread Element PAPIs
([#343](#343))

    In this commit we've rewritten the main thread apis.

    The most highlighted change is that

    -   Before this commit we send events directly to bts
- After this change, we send events to mts then send them to bts with
some data combined.

### Patch Changes

- Updated dependencies
\[[`2a8ddf3`](2a8ddf3),
[`3a8dabd`](3a8dabd),
[`878050a`](878050a),
[`a521759`](a521759),
[`890c6c5`](890c6c5)]:
    -   @lynx-js/web-mainthread-apis@0.10.0
    -   @lynx-js/web-constants@0.10.0
    -   @lynx-js/web-worker-rpc@0.10.0

## @lynx-js/react@0.106.2

### Patch Changes

- fix: prevent multiple firstScreen events when reloading before
`jsReady` ([#377](#377))

- Optimize the bundle size by eliminating unnecessary code when the lazy
bundle is not utilized.
([#284](#284))

## @lynx-js/rspeedy@0.8.7

### Patch Changes

- Support using `-debugids` in `output.sourceMap.js`.
([#342](#342))

See [Source Map Debug ID
Proposal](https://github.com/tc39/ecma426/blob/main/proposals/debug-id.md)
for more details.

- Use `chunkLoading: 'import-scripts'` for Web platform
([#352](#352))

- Support `output.distPath.*`.
([#366](#366))

See [Rsbuild - distPath](https://rsbuild.dev/config/output/dist-path)
for all available options.

- Support `performance.printFileSize`
([#336](#336))

    Whether to print the file sizes after production build.

## @lynx-js/react-rsbuild-plugin@0.9.4

### Patch Changes

- feat: add extractStr option to pluginReactLynx
([#391](#391))

- Convert background-only files from js to ts
([#346](#346))

- Updated dependencies
\[[`f849117`](f849117),
[`d730101`](d730101),
[`42217c2`](42217c2),
[`f03bd4a`](f03bd4a)]:
    -   @lynx-js/react-webpack-plugin@0.6.10
    -   @lynx-js/template-webpack-plugin@0.6.7
    -   @lynx-js/react-alias-rsbuild-plugin@0.9.4
    -   @lynx-js/react-refresh-webpack-plugin@0.3.2
    -   @lynx-js/css-extract-webpack-plugin@0.5.2
    -   @lynx-js/web-webpack-plugin@0.6.3

## @lynx-js/web-elements@0.5.2

### Patch Changes

- fix: When list with list-type: flow, scrolltoupper, scrolltolower were
specified, there was a blank block.
([#379](#379))

- fix: do not show scroll bar
([#406](#406))

## @lynx-js/web-worker-rpc@0.10.0

### Patch Changes

- feat: The onNapiModulesCall function of lynx-view provides the fourth
parameter: `lynxView`, which is the actual lynx-view DOM.
([#350](#350))

## @lynx-js/react-webpack-plugin@0.6.10

### Patch Changes

- feat: add extractStr option to pluginReactLynx
([#391](#391))

- Fix issue with lazy loading of bundles when source maps are enabled.
([#380](#380))

- Fix issue where loading a lazy bundle fails if it does not return a
webpack chunk.
([#365](#365))

## @lynx-js/template-webpack-plugin@0.6.7

### Patch Changes

- fix: merge different chunk groups for same output filename
([#371](#371))

## create-rspeedy@0.8.7



## @lynx-js/react-alias-rsbuild-plugin@0.9.4



## upgrade-rspeedy@0.8.7

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working platform:Web

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

2 participants