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

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:
Created 6 years ago
Comments:19 (7 by maintainers)

Top 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.

Top 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...

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...

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...

CSS · Bootstrap

Bootstrap sets basic global display, typography, and link styles. ... (fixed-width) or .container-fluid (full-width) for proper alignment and padding.

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...