arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: https://jsfiddle.net/7r13ebp8/

Browser / Version: Firefox 73.0
Operating System: Windows 10
Tested Another Browser: Yes

Problem type: Something else
Description: Caret position in contenteditable element with large line-height
Steps to Reproduce:

  1. Open link and click on text field.
  2. See where caret is positioned.

In Chrome, it is at the start of placeholder text, on the same line.
In Firefox, it is above, in top-left corner. But when you start typing something, your text appears on the same line. Or if you remove placeholder text, then caret is on the same line too.

View the screenshotScreenshot
Browser Configuration
  • None

From webcompat.com with ❤️

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
🔒 Closed: Duplicate
#48056

jsfiddle.net - Caret position in contenteditable element with large line-height

Opened: 2020-02-12
Reporter: webcompat-bot
Comments: 5
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct