Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix focused cell view #7451

Merged
merged 2 commits into from
Oct 10, 2024

Conversation

AshishViradiya153
Copy link
Contributor

@AshishViradiya153 AshishViradiya153 commented Oct 5, 2024

Fixes #5595

  • The portal has been removed, and the focused cell is now rendered directly within the relevant div/container.
  • This ensures that the cell remains correctly positioned within the table and is properly hidden or unfocused when the user scrolls horizontally, fixing the issue of overlap or visibility on top of other elements.

Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

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

PR Summary

This pull request removes the use of createPortal in the RecordTableCellEditMode component to address issues with focused cell positioning and visibility during horizontal scrolling.

  • Removed createPortal usage in packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx
  • StyledTableCellInput now renders directly within StyledEditableCellEditModeContainer
  • Improves cell positioning and visibility behavior when scrolling horizontally
  • Fixes overlap issues with other elements during scrolling
  • Ensures proper hiding/unfocusing of cells when necessary

1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings

Copy link

github-actions bot commented Oct 5, 2024

Welcome!

Hello there, congrats on your first PR! We're excited to have you contributing to this project.
By submitting your Pull Request, you acknowledge that you agree with the terms of our Contributor License Agreement.

Generated by 🚫 dangerJS against 109786a

@AshishViradiya153
Copy link
Contributor Author

@charlesBochet Could you please review and let me know if there’s anything further needed from my side?

@lucasbordeau lucasbordeau merged commit 2c927cf into twentyhq:main Oct 10, 2024
11 checks passed
@AshishViradiya153
Copy link
Contributor Author

AshishViradiya153 commented Oct 10, 2024

@charlesBochet @lucasbordeau Could you please check? I still haven't received 150 points for this issue.

@AshishViradiya153
Copy link
Contributor Author

@lucasbordeau Could you please check? I still haven't received 150 points for this issue.

@charlesBochet
Copy link
Member

/award 150

Copy link

oss-gg bot commented Oct 14, 2024

Awarding AshishViradiya153: 150 points 🕹️ Well done! Check out your new contribution on oss.gg/AshishViradiya153

harshit078 pushed a commit to harshit078/twenty that referenced this pull request Oct 14, 2024
Fixes twentyhq#5595
- The portal has been removed, and the focused cell is now rendered
directly within the relevant div/container.
- This ensures that the cell remains correctly positioned within the
table and is properly hidden or unfocused when the user scrolls
horizontally, fixing the issue of overlap or visibility on top of other
elements.

Co-authored-by: Lucas Bordeau <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Focused cell is acting weird when scrolling horizontally
4 participants