Categories > WeAreDevs > Suggestions >

Chat window scrollbar bug on Mobile

Lunox

Mole

vip

Posts: 59

Threads: 6

Joined: Jun, 2022

Reputation: 31

Posted

Uh, There's a kind of a bug on Mobile when you open the chat window there will be 2 scrollbars for the actual body and the window, this is really annoying when scrolling to the bottom of the chat messages, It can be fixed by hiding the body scrollbar when the chat window is shown

 

The Current one

https://media.discordapp.net/attachments/1029530882740080785/1070317854890668142/1675253959282.mp4

 

My Fixed one

https://media.discordapp.net/attachments/1029530882740080785/1070317854504800257/1675253962754.mp4

(The video is cropped so you can't see the close button when i scroll to the bottom in the video)

 

Here's the Javascript code used to fix it

// selectors have different names in wrd
openChatButton.addEventListener("click", function(){
  chatWindow.style.display = "block";
  document.body.style.overflow = "hidden";
});

closeChatButton.addEventListener("click", function(){
  chatWindow.style.display = "none";
  document.body.style.overflow = "scroll";
});

 

  • 0

A Quick One Before the Eternal Worm Devours Connecticut

Posts: 1259

Threads: 84

Joined: Feb, 2021

Reputation: 79

Replied

Ay look I am in the video but vouch you can make this into a extension by posting on a extension called BetterWRD 

  • 0

https://media.discordapp.net/attachments/1013939973671624917/1027279180192292944/unknown.png
https://media.discordapp.net/attachments/1010670716062007347/1108945330847883274/image.png

Lunox

Mole

vip

Posts: 59

Threads: 6

Joined: Jun, 2022

Reputation: 31

Replied

@Hiroku

Would be better if it was fixed in the website itself without an extension, but yes

  • 0

A Quick One Before the Eternal Worm Devours Connecticut

Posts: 1259

Threads: 84

Joined: Feb, 2021

Reputation: 79

Replied

@Lunox yeah I agree but like it's a backup option 

  • 0

https://media.discordapp.net/attachments/1013939973671624917/1027279180192292944/unknown.png
https://media.discordapp.net/attachments/1010670716062007347/1108945330847883274/image.png

Users viewing this thread:

( Members: 0, Guests: 1, Total: 1 )