Remove scrollbar in HTML field

AlvissPham
Tera Contributor

AlvissPham_0-1752634098605.png

AlvissPham_0-1752634615904.png

 

AlvissPham_1-1752634104360.png

Hi, I want to remove the scrollbar in this HTML field. I have tested it on Firefox and it does not display the scrollbar, but it does display when using Chrome. I have tried to use CSS to remove but it does not work. Can you help me with DOM Manipulation code or sth that can resolve this issue?

1 ACCEPTED SOLUTION

Shubham_Jain
Mega Sage

@AlvissPham We can handle this using css. 

 

 

normally with core JavaScript base - you can use below to handle by applying on respective class for that field respectively 

 

  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE */
display: none !important; /* Chrome */

✔️ If this solves your issue, please mark it as Correct.


✔️ If you found it helpful, please mark it as Helpful.



Shubham Jain


View solution in original post

2 REPLIES 2

Chaitanya ILCR
Kilo Patron

Hi @AlvissPham ,

 

Looks like it's a bug and will be fixed in the Zurich release

 

https://www.servicenow.com/community/upgrades-and-patching-forum/html-field-read-only-getting-scroll...

 

Please mark my answer as helpful/correct if it resolves your query.

Regards,
Chaitanya

Shubham_Jain
Mega Sage

@AlvissPham We can handle this using css. 

 

 

normally with core JavaScript base - you can use below to handle by applying on respective class for that field respectively 

 

  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE */
display: none !important; /* Chrome */

✔️ If this solves your issue, please mark it as Correct.


✔️ If you found it helpful, please mark it as Helpful.



Shubham Jain