New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 786834 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: Jan 2018
Cc:
█ krajshree@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Very strange edge case: cursor in <input> renders in wrong position when typing f's in Meiryo font

Reported by dsk...@gmail.com, Nov 19 2017 
UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

Steps to reproduce the problem:
0. Presumably you need the Meiryo font installed.
1. Open an html file with the following contents:
       <input type="text" style="font-family: Meiryo;">
2. Type a bunch of lowercase f's into the input box.
3. Move the cursor with the arrow keys.

What is the expected behavior?

What went wrong?
The cursor seems to be updated correctly internally, but only renders at even positions relative to the start of the f's. The only case I've found is Meiryo font and lowercase f's.

Did this work before? N/A 

Chrome version: 62.0.3202.94  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: 

Tested on:
  Windows 7,  Chrome 61.0.3163.100 (Official Build) (64-bit)
  Windows 7,  Chrome 62.0.3202.94  (Official Build) (64-bit)
  Windows 10, Chrome 62.0.3202.94  (Official Build) (64-bit)

Each of these configurations has the bug.

Comment 1 by krajshree@chromium.org, Nov 21 2017

Cc: krajshree@chromium.org
Components: Blink>Fonts
Labels: Triaged-ET Needs-Feedback Needs-Triage-M62
dskcw0@ - Thanks for filing the issue...!!

Could you please provide a sample html file to test the issue from TE-end.
This will help us in triaging the issue further.

Thanks...!!

Comment 2 by e...@chromium.org, Jan 29 2018

Status: WontFix (was: Unconfirmed)
This is due to the font having ligatures and caret only displaying between glyphs. For now this can be avoided by disabling ligatures for the element in question.

 <input type="text" style="font-family: Meiryo; font-variant-ligatures: none;">
►

Sign in to add a comment