Skip to content

[Breaking Change][lexical-table][lexical-playground] Bug Fix: Set tableFrozenColumn and tableFrozenRow classes only on the scrollable table wrapper#7372

Merged
etrepum merged 1 commit intofacebook:mainfrom
etrepum:fix-table-freeze
Mar 25, 2025

Conversation

@etrepum
Copy link
Copy Markdown
Collaborator

@etrepum etrepum commented Mar 24, 2025

Breaking Change

If you're using the new tableFrozenColumn or tableFrozenRow features you may need to change your CSS or test expectations since the tableFrozenRow and tableFrozenColumn classes are set on the scrollable table wrapper and not the table element. Generally this wouldn't break code unless you are using selectors such as .tableFrozenColumn > tr or table.tableFrozenColumn that wouldn't work correctly when the class is on the wrapper.

Description

The tableFrozenRow class needs to affect the table wrapper's overflow-x, so it needs to be set on that element. An alternative solution would be to use the newer :has pseudo-selector, but that is only recently available in modern browsers.

Closes #7370

Test plan

Unit test modified for new behavior

…leFrozenColumn and tableFrozenRow classes only on the scrollable table wrapper
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 24, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
lexical ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 24, 2025 6:36pm
lexical-playground ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 24, 2025 6:36pm

@facebook-github-bot facebook-github-bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Mar 24, 2025
@etrepum etrepum added the extended-tests Run extended e2e tests on a PR label Mar 24, 2025
@etrepum etrepum marked this pull request as ready for review March 24, 2025 18:56
Copy link
Copy Markdown
Collaborator

@ivailop7 ivailop7 left a comment

Choose a reason for hiding this comment

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

Thank you!

@etrepum etrepum added this pull request to the merge queue Mar 25, 2025
Merged via the queue into facebook:main with commit 4dc6948 Mar 25, 2025
43 checks passed
GermanJablo added a commit to payloadcms/payload that referenced this pull request Sep 3, 2025
Fixes #13386

Below I write a clarification to copy and paste into the release note,
based on our latest upgrade of Lexical [in
v3.29.0](https://github.com/payloadcms/payload/releases/tag/v3.29.0).

## Important
This release upgrades the lexical dependency from 0.28.0 to 0.34.0.

If you installed lexical manually, update it to 0.34.0. Installing
lexical manually is not recommended, as it may break between updates,
and our re-exported versions should be used. See the [yellow banner
box](https://payloadcms.com/docs/rich-text/custom-features) for details.

If you still encounter richtext-lexical errors, do the following, in
this order:

- Delete node_modules
- Delete your lockfile (e.g. pnpm-lock.json)
- Reinstall your dependencies (e.g. pnpm install)

### Lexical Breaking Changes

The following Lexical releases describe breaking changes. We recommend
reading them if you're using Lexical APIs directly
(`@payloadcms/richtext-lexical/lexical/*`).

- [v.0.33.0](https://github.com/facebook/lexical/releases/tag/v0.33.0)
- [v.0.30.0](https://github.com/facebook/lexical/releases/tag/v0.30.0)
- [v.0.29.0](https://github.com/facebook/lexical/releases/tag/v0.29.0)

___

TODO:
- [x] facebook/lexical#7719
- [x] facebook/lexical#7362
- [x] facebook/lexical#7707
- [x] facebook/lexical#7388
- [x] facebook/lexical#7357
- [x] facebook/lexical#7352
- [x] facebook/lexical#7472
- [x] facebook/lexical#7556
- [x] facebook/lexical#7417
- [x] facebook/lexical#1036
- [x] facebook/lexical#7509
- [x] facebook/lexical#7693
- [x] facebook/lexical#7408
- [x] facebook/lexical#7450
- [x] facebook/lexical#7415
- [x] facebook/lexical#7368
- [x] facebook/lexical#7372
- [x] facebook/lexical#7572
- [x] facebook/lexical#7558
- [x] facebook/lexical#7613
- [x] facebook/lexical#7405
- [x] facebook/lexical#7420
- [x] facebook/lexical#7662

---
- To see the specific tasks where the Asana app for GitHub is being
used, see below:
  - https://app.asana.com/0/0/1211202581885926
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. extended-tests Run extended e2e tests on a PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Bug: [lexical-table] GetDOMSlot reconciliation for table properties

3 participants