question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

<textarea> and <pre> are not aligned when a width is set

See original GitHub issue

Testcase: http://codepen.io/fcicileo/pen/LWrGwE

image

It appears that when the container has a specific width set via CSS, the code in the <textarea> and the <pre> is not aligned anymore.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:19 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
scaddenpcommented, May 10, 2018

Thanks very much for your persistence. With new code and one more fiddle to css (background was same colour as text caret), I now have the caret and everything looking nice. I salute your efforts to make life easier for the rest of us.

0reactions
kazzkiqcommented, May 10, 2018

@scaddenp You’re right. There was an error with the release on npm.

It is now fixed and the version 1.0.5 now uses position: absolute as it should.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Textarea width does not align with the containing div
The problem with this is that when you set the width property on an element, you're only setting the content width, not the...
Read more >
The Textarea element - HTML: HyperText Markup Language
The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it...
Read more >
Element: <oj-text-area> - Oracle
Autofocus is a Boolean that reflects the autofocus attribute, If it is set to true then the associated component will get input focus...
Read more >
CSS · Bootstrap
Bootstrap sets basic global display, typography, and link styles. ... (fixed-width) or .container-fluid (full-width) for proper alignment and padding.
Read more >
TextArea QML Type | Qt Quick Controls 1 5.15.12
Sets the alignment of the text within the TextArea item's width. ... Qt.ImhSensitiveData - Typed text should not be stored by the active...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found