Open Bug 1543361 Opened 7 months ago Updated 7 months ago

[Gmail] Cursor is overlapped by the drag and dropped picture inside the New Message panel

Categories

(Core :: Layout: Scrolling and Overflow, defect, P3)

defect

Tracking

()

Tracking Status
firefox66 --- wontfix
firefox67 --- affected
firefox68 --- affected

People

(Reporter: Anca, Unassigned)

Details

Attachments

(1 file)

Attached image screencast issue.gif

[Affected versions]:

  • 66.0.3
  • 67.0b9
  • 68.0a1 (2019-04-09)

[Affected platforms]:

  • Windows 10 x64
  • macOS 10.14
  • Ubuntu 16.04 x64

[Steps to reproduce]:

  1. Go to https://mail.google.com/
  2. Click on the Compose button
  3. Drag and drop any picture inside the New message panel
  4. Start typing

[Expected result]:

  • Cursor is displayed in accordance with the inputted characters size

[Actual result]:

  • Cursor is partially overlapped by the image

[Regression range]:

  • Issue reproducible on RC 64.0. I will provide more information asap.

[Additional Notes]:

  • Issue is reproducible also on yahoo.mail
  • Issue is not reproducible on Chrome
  • For background transparent images the cursor is properly displayed
Has Regression Range: --- → no
Has STR: --- → yes

This seems to be caret frame issue by layout/base/nsCaret.cpp. Core:Layout?

Component: Editor → Layout

This doesn't seem to be a regression, issue reproducible way back to Fx 32.0a1 (2014-05-01).

Has Regression Range: no → ---

I think this is due to the position we choose for the caret when it is after the last character in the text frame, i.e. it is positioned just under the image. You can see the same effect with e.g.

<!DOCTYPE html>
<style>
span { background-color: cyan; vertical-align: 4px; }
</style>
<div contenteditable>ab<span>cd</span>ef</div>

and placing the caret after the "b".

Component: Layout → Layout: Scrolling and Overflow
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.