1

I need some help to fix one issue, issue is an white-space around vertical scrollbar on resizing the text area. I need the vertical scrollbar on removing the white space. Can you please help me how to remove that? Thanks in advance.enter image description here

Sairam
  • 169
  • 12
  • it's not a whitespace, it's the icon that allow you to resize – Temani Afif Mar 13 '18 at 13:28
  • Thanks @temaniAfif, can we hide that? on enabling resizing and vertical scrollbar – Sairam Mar 13 '18 at 13:32
  • make the element not resizable if you want to hide it – Temani Afif Mar 13 '18 at 13:34
  • if I use overflow: hidden, the white space is hiding but the scrollbar is not coming. If any chance I need to fix this issue by removing the resize white space and enable vertical scrollbar – Sairam Mar 13 '18 at 13:37
  • See [How to disable resizable property of textarea?](https://stackoverflow.com/questions/5235142/how-to-disable-resizable-property-of-textarea): in CSS: `resize: none; overflow: auto;`. – Adam Mar 13 '18 at 14:51

1 Answers1

0

Try this

Note: it will only change it's background-color not hide & only work in webkit.

textarea::-webkit-resizer {
    background-color: transparent;
}

Or

You can use js.

Anzil khaN
  • 1,974
  • 1
  • 19
  • 30