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.

Sign up for GitHub

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

Jump to bottom

Button tooltip looks fuzzy on Chrome 75 #1802

Closed
jodator opened this issue Jun 7, 2019 · 2 comments · Fixed by ckeditor/ckeditor5-theme-lark#235
Closed

Button tooltip looks fuzzy on Chrome 75 #1802

jodator opened this issue Jun 7, 2019 · 2 comments · Fixed by ckeditor/ckeditor5-theme-lark#235
Assignees
@oleq
Labels
browser:chrome domain:ui/ux This issue reports a problem related to UI or UX. type:bug This issue reports a buggy (incorrect) behavior.
Milestone
iteration 25

Comments

@jodator
Copy link
Contributor

jodator commented Jun 7, 2019 •
edited
Loading

Is this a bug report or feature request? (choose one)

🐞 Bug report

💻 Version of CKEditor

latest master & the one in the docs

📋 Steps to reproduce

  1. Hover mouse over the button in the toolbar.

✅ Expected result

The tooltip is sharp as in Firefox:
Selection_037

❎ Actual result

Chrome 75:
Selection_038

Edit: There's also a visible line of the tooltip outline that separates the tip (triangle) of the tooltip.

📃 Other details that might be useful

Chrome: 75.0.3770.80 (Official Build) (64-bit)
OS: Linux Mint 19.1 Cinnamon
@jodator jodator added type:bug This issue reports a buggy (incorrect) behavior. domain:ui/ux This issue reports a problem related to UI or UX. browser:chrome labels Jun 7, 2019
@dkonopka
Copy link
Contributor

dkonopka commented Jun 7, 2019

I can confirm it, it looks fuzzy on macOS (non-retina). It is something related to the height with a number after the decimal point.

chrome75-4k

See:

glitch

@Reinmar Reinmar added this to the iteration 25 milestone Jun 24, 2019
@oleq
Copy link
Member

oleq commented Jun 26, 2019

Pixel rounding is the issue. Adding top: 0 to .ck.ck-tooltip seems to be the right fix. Can you confirm @dkonopka?

oleq added a commit to ckeditor/ckeditor5-theme-lark that referenced this issue Jun 26, 2019
@oleq
Fix: Tooltips should not render blurry in LoDPI environments. Closes c…
1e30c35 
…keditor/ckeditor5#1802.
@oleq oleq mentioned this issue Jun 26, 2019
Merged
dkonopka pushed a commit to ckeditor/ckeditor5-theme-lark that referenced this issue Jun 28, 2019
Merge pull request #235 from ckeditor/t/ckeditor5/1802
53d7ca3 
Fix: Tooltips should not render blurry in LoDPI environments. Closes ckeditor/ckeditor5#1802.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@oleq oleq

Labels
browser:chrome domain:ui/ux This issue reports a problem related to UI or UX. type:bug This issue reports a buggy (incorrect) behavior.
Projects
None yet
Milestone
iteration 25
4 participants
@Reinmar @jodator @oleq @dkonopka