Welcome to Community Week 2025! Join us to learn, connect, and be recognized as we celebrate the spirit of Community and the power of AI. Get the details  

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