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: use solid background for editable cells #3753

Merged
merged 3 commits into from
Apr 29, 2022

Conversation

sissbruecker
Copy link
Contributor

@sissbruecker sissbruecker commented Apr 28, 2022

Description

Fixes editable cell styles to use an opaque background on hover / focus, which prevents underlying cells from bleeding into the foreground.

The fix is based on the suggestion by Jouni here: vaadin/flow-components#2365 (comment)

Fixes vaadin/flow-components#2365

Lumo theme:

Bildschirmaufnahme.2022-04-28.um.16.22.03.mp4

Lumo with highlight-editable-cells theme variant:

Bildschirmaufnahme.2022-04-28.um.16.22.50.mp4

Material theme:

Bildschirmaufnahme.2022-04-28.um.16.39.43.mp4

Type of change

  • Bugfix

@web-padawan web-padawan requested a review from jouni April 29, 2022 06:39
@sonarcloud
Copy link

sonarcloud bot commented Apr 29, 2022

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@sissbruecker sissbruecker merged commit 3f35f8f into master Apr 29, 2022
@sissbruecker sissbruecker deleted the fix/grid_pro_editable_column_hover_highlight branch April 29, 2022 11:55
vaadin-bot pushed a commit that referenced this pull request Apr 29, 2022
* fix: use solid background for editable cells

* revert background-clip changes

* make editable cell background cover border as well
vaadin-bot pushed a commit that referenced this pull request Apr 29, 2022
* fix: use solid background for editable cells

* revert background-clip changes

* make editable cell background cover border as well
sissbruecker added a commit that referenced this pull request Apr 29, 2022
* fix: use solid background for editable cells

* revert background-clip changes

* make editable cell background cover border as well

Co-authored-by: Sascha Ißbrücker <sissbruecker@vaadin.com>
sissbruecker added a commit that referenced this pull request Apr 29, 2022
* fix: use solid background for editable cells

* revert background-clip changes

* make editable cell background cover border as well

Co-authored-by: Sascha Ißbrücker <sissbruecker@vaadin.com>
@vaadin-bot
Copy link
Collaborator

This ticket/PR has been released with Vaadin 23.1.0.beta1 and is also targeting the upcoming stable 23.1.0 version.

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.

GridPro: Frozen editor cell is transparent on hover (can see overlapping cell)
3 participants