Folders Listing lacking Scroll Bar #213

Closed
opened 2026-02-20 15:16:22 -05:00 by deekerman · 5 comments
Owner

Originally created by @Roachmen on GitHub (Nov 9, 2017).

Originally assigned to: @NGPixel on GitHub.

Actual behavior

Media Folders beyond a certain count that is dependent upon resolution are inaccessible due to lack of scroll bar. (See attached image for example)

Expected behavior

Click and drag a scroll bar to see additional folders

Steps to reproduce the behavior

Create the folders manually in the repo folder under uploads. Restart wiki.js. Or create enough folders from the image insert manager.
image folders unviewable

Originally created by @Roachmen on GitHub (Nov 9, 2017). Originally assigned to: @NGPixel on GitHub. ### Actual behavior Media Folders beyond a certain count that is dependent upon resolution are inaccessible due to lack of scroll bar. (See attached image for example) ### Expected behavior Click and drag a scroll bar to see additional folders ### Steps to reproduce the behavior Create the folders manually in the repo folder under uploads. Restart wiki.js. Or create enough folders from the image insert manager. ![image folders unviewable](https://user-images.githubusercontent.com/20803311/32632140-18623408-c568-11e7-8f55-67628d01f8ce.PNG) <!--- FOR FEATURE REQUESTS: Use the feature request board instead: https://wikijs.canny.io/features ---> <!-- Love Wiki.js? Please consider supporting our collective: 👉 https://opencollective.com/wikijs/donate -->
deekerman 2026-02-20 15:16:22 -05:00
Author
Owner

@gordosgithub commented on GitHub (Jan 23, 2018):

I'm having the same issue, it's extremely frustrating. It also pushes the "save/discard" buttons down off of the page so the only way to get rid of the window is to zoom ur browser view way out and click them.

This issue also applies to the "file container" part of the window not having a scrollbar. In other words, if u have more pictures than will fit in the right hand container, it will also break.

This is all on top of the fact that there is no way to create subfolders inside the file editor, and if u do create subfolders manually in your repo/uploads directory they will not be displayed in the file editor window, nor will their contents.

I've had a lot of big bugs with the file editor on this wiki, but this particular combination of bugs makes it virtually unusable for people with a lot of files.

NOTE: i did find the lines of CSS in firefox dev tools that need "scroll:overflow;" added to them, but the way the files are packed locally on my server makes it hard for me to find where i can actually edit my own CSS.

@gordosgithub commented on GitHub (Jan 23, 2018): I'm having the same issue, it's extremely frustrating. It also pushes the "save/discard" buttons down off of the page so the only way to get rid of the window is to zoom ur browser view way out and click them. This issue also applies to the "file container" part of the window not having a scrollbar. In other words, if u have more pictures than will fit in the right hand container, it will also break. This is all on top of the fact that there is no way to create subfolders inside the file editor, and if u do create subfolders manually in your repo/uploads directory they will not be displayed in the file editor window, nor will their contents. I've had a lot of big bugs with the file editor on this wiki, but this particular combination of bugs makes it virtually unusable for people with a lot of files. NOTE: i did find the lines of CSS in firefox dev tools that need "scroll:overflow;" added to them, but the way the files are packed locally on my server makes it hard for me to find where i can actually edit my own CSS.
Author
Owner

@EvanCarroll commented on GitHub (Jan 24, 2018):

We got around this by running

section.is-gapless { overflow:scroll } 

in layout.pug

@EvanCarroll commented on GitHub (Jan 24, 2018): We got around this by running section.is-gapless { overflow:scroll } in `layout.pug`
Author
Owner

@NGPixel commented on GitHub (Feb 17, 2018):

Fixed in 1.0.76

@NGPixel commented on GitHub (Feb 17, 2018): Fixed in 1.0.76
Author
Owner

@coom commented on GitHub (May 13, 2019):

Hi,

I got the exactly same issue. Using version v1.0.117.

2019-05-13_17h16_21

Should that be fixed or am I using a wrong version of WikiJS ?

@coom commented on GitHub (May 13, 2019): Hi, I got the exactly same issue. Using version v1.0.117. ![2019-05-13_17h16_21](https://user-images.githubusercontent.com/10179617/57633000-14c3b500-75a3-11e9-9920-c01fc475a258.png) Should that be fixed or am I using a wrong version of WikiJS ?
Author
Owner

@bilkobe commented on GitHub (Jul 9, 2019):

Have same problem with v1.0.117.

@bilkobe commented on GitHub (Jul 9, 2019): Have same problem with v1.0.117.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/wiki#213
No description provided.