3

I have an issue with textarea angular tag, it is working different in ie11 and firefox/chrome. When I type a long text in chrome/firefox it automatically fit the text inside the textarea just like this:

Chrome example

But when I type the same text on ie11 it appears like this:

IE example

It is possible to make ie work like chrome/firefox?

The styling of the textarea its the following:

width: 380px;
height: 202px;
resize: none;
border: 1px solid #e1e1e1;
border-radius: 2px;

Thanks in advance

A1t0r
  • 469
  • 5
  • 26
  • have you tried to set the textarea's `rows` and `cols` properties? also, maybe try different values for `overflow` style property too – Kaddath Jul 20 '17 at 11:56
  • Does the textarea have the `wrap` attribute set? Did you try explicitly specifying `white-space` for the textarea as well? – CBroe Jul 20 '17 at 11:56
  • @CBroe I have set it, but it doesnt seem to work on IE – A1t0r Jul 20 '17 at 12:02
  • 1
    Please show an actual example where we can have a look at the issue. [mcve] – CBroe Jul 20 '17 at 12:03
  • 1
    I dunno, but this springs to mind: https://stackoverflow.com/q/20149715/477453 – SáT Jul 20 '17 at 12:05
  • @CBroe It seems to be something with angular, I have edited the answer. Because I have tried with html textarea tags and it works fine with ie 11 – A1t0r Jul 20 '17 at 12:07
  • Try specifying the white-space property explicitly, see the question @SáT referred to for details. – CBroe Jul 20 '17 at 12:09

1 Answers1

0

As @SáT pointed the solution was in that question (I have been looking in the comunnity but I did not found that question).

The solution is to add white-space:pre-wrap

A1t0r
  • 469
  • 5
  • 26