Forum Discussion
Text entry showing two scroll bars
- 3 months ago
Hi Kristina,
For some reason, the JavaScript code works only when the text entry box is on the base layer. It does not function as expected when the text entry box is on another layer. To fix this, try executing the following code when the timeline starts on this layer:const textAreas = document.querySelectorAll('textarea'); textAreas.forEach(textArea => { textArea.style.scrollbarWidth = 'thin'; }); setInterval(() => { const mS = document.querySelectorAll('.micro-scrollbar'); mS.forEach(m => { m.style.display = 'none'; }); }, 100);
Note: When testing, please avoid randomly pressing keys too quickly, as typing too fast may momentarily break the code when the scrollbar is activated.
Hi Nedim,
My apologies for taking some time to get back and thanks for your attention to this issue. Please see the Story file I attached here and refer to "Better version of email" layer. Thanks a ton!
https://drive.google.com/file/d/14oyTWEj2M618gZK2jfXtep32CwzztnkF/view?usp=sharing
- Nedim3 months agoCommunity Member
Hi Kristina,
For some reason, the JavaScript code works only when the text entry box is on the base layer. It does not function as expected when the text entry box is on another layer. To fix this, try executing the following code when the timeline starts on this layer:const textAreas = document.querySelectorAll('textarea'); textAreas.forEach(textArea => { textArea.style.scrollbarWidth = 'thin'; }); setInterval(() => { const mS = document.querySelectorAll('.micro-scrollbar'); mS.forEach(m => { m.style.display = 'none'; }); }, 100);
Note: When testing, please avoid randomly pressing keys too quickly, as typing too fast may momentarily break the code when the scrollbar is activated.- kristinaArg3 months agoCommunity Member
Hello Nedim,
MASSIVE PROPS to you! It worked! I really appreciate your help on this. :)