Redux-devtools-extension: Scrollbar gets cropped when seeing a long list of actions.

[ar5had]

Hi, you can see in the above picture that scroll bar is getting cropped. It is probably due to overflow property of container element of scroll bar element. It is a small css bug that doesn't matter at all but if you guys are interested in getting it fixed, I would like to fix this in my first pr.

[forWorkAtML]

@arshdkhn1 can you submit a PR? I develop in firefox and this is really annoying. Would like to see this fixed. Cheers.

[victorhqc]

I'm experiencing same issue. Doing a PR soon :)

[zalmoxisus]

Guys, sorry about the delay. I'll push a new UI soon.

[victorhqc]

I was busy too :( . Is this issue still relevant?

[der-On]

Please provide a fix. It makes the UI in Firefox a little useless.

[sergiocolussidev]

+1 this bug is very annoying. Thanks

[der-On]

I've already tried to solve this myself but the problem seems to come from https://github.com/zalmoxisus/remotedev-app

As I'm not experienced in extension development I was unable to find a way of inspecting the DOM of the extension window. If you can give me a hint on how to do that in firefox I might have another try to fix this.

[victorhqc]

The problem seems to be coming in this repository
https://github.com/alexkuz/redux-devtools-inspector

I did an ugly patch to it (locally only, no PR), but then I noticed that in chrome it was broken. So perhaps, this bug is actually a Firefox issue only. I haven't been able to isolate the issue in order to have an issue published unfortunately.

[ibrahima]

Are you guys also seeing the list of actions push the bottom toolbar off the screen? That's what's happening to me, and it's pretty frustrating...

Happy to help if there's any way I can do so!

[ibrahima]

@victorhqc was your ugly patch like mine? Mine keeps it working in Chrome, but I think it's actually supposed to work without it because it's using flexbox. Not sure why the middle element just pushes out the others...

[ibrahima]

By the way, I found the easiest way to debug this is to open up http://remotedev.io/local/ in the inspector and play around with it, since it's the same UI/code (I'm assuming changes there will apply to the devtools extension as well).

[victorhqc]

@ibrahima I think I tried the same approach, if it keeps working in chrome then it's better than mine for sure haha.

[Nevosis]

I'm bumping this as I recently switched to FFQuantum as my main development browser. But with this issue it's just awfull :s

[KamiGim]

can you guy fix it. I want to use firefox as my main development browser but cannot

[ibrahima]

There's a workaround in https://github.com/zalmoxisus/redux-devtools-extension/issues/377#issuecomment-359493688 that can be used until this extension is updated.

[zalmoxisus]

Fixed in version 2.15.2 of the extension. It's available on AMO. Sorry about the delay!