Title: CSS/JS Code Editor hides Browser Window Scroll bars
Last modified: August 31, 2020

---

# CSS/JS Code Editor hides Browser Window Scroll bars

 *  Resolved [budasy](https://wordpress.org/support/users/budasy/)
 * (@budasy)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-js-code-editor-hides-browser-window-scroll-bars/)
 * Selecting “Add Custom CSS” or “Add Custom JS” buttons have some minor issues.
   These are the things that I can see when running Vivaldi 3.2.1967.47 (Stable 
   channel) (64-bit) on macOS Version 10.15.6.
    1. When either of those buttons is selected a new “button” is added at the top-
       right corner of the editing area but the grid is displayed, not the JS/CSS code
       editor. It would be nice to go straight to the editor.
    2. When the JS/CSS button is used to display the code editor the scroll bar for
       the browser window is hidden. This is undesirable.
    3. When the HTML button is used to display the code editor the scroll bar for the
       browser window is hidden/shown as the mouse hovers in/out of the code window.
    4. The behaviour for the CSS/JS windows are different. They hide the scroll bar
       but do not toggle it back on when the mouse leaves the editor window area.
    5. It is possible to reveal the browser window scroll bar when it has been hidden
       by selecting the HTML view, moving the mouse out of the code window area, then
       selecting CSS or JS.
 *  -  This topic was modified 5 years, 9 months ago by [budasy](https://wordpress.org/support/users/budasy/).

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-js-code-editor-hides-browser-window-scroll-bars/#post-13344486)
 * thank you for the feedback.
 * > When either of those buttons is selected a new “button” is added at the top-
   > right corner of the editing area but the grid is displayed, not the JS/CSS 
   > code editor. It would be nice to go straight to the editor.
 * true, but unfortunately not possible on jquery ui tabs. I may find anther solution
   in a future release.
 * > When the JS/CSS button is used to display the code editor the scroll bar for
   > the browser window is hidden. This is undesirable.
 * indeed that’s a bug… I have fied this in v4.0.1
 * > When the HTML button is used to display the code editor the scroll bar for 
   > the browser window is hidden/shown as the mouse hovers in/out of the code window.
 * When the code editor has the focus and one scrolls down to the bottom, if you
   mouse is still input scroll events (such as is the case with mouse wheels) then
   the screen will start to scroll instead, loosing the editor view altogether. 
   This is undesirable. This is the default behaviour for all 3 code editors (html/
   js/css), bar the above bug.
 * If you feel this is a nuisance, I can explore the ability to switch it off in
   a subsequent release.
 * so point 4 & 5 are related to the above points. The issue is fixed in v4.0.1
 *  Thread Starter [budasy](https://wordpress.org/support/users/budasy/)
 * (@budasy)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-js-code-editor-hides-browser-window-scroll-bars/#post-13347419)
 * > If you feel this is a nuisance, I can explore the ability to switch it off 
   > in a subsequent release.
 * Don’t prioritise it. I included that info because I wanted to provide you with
   plenty of information about the behaviour that I was seeing.
 * It would be great to have better behavioural control over these objects but my
   personal feeling is that it needs to be solved at a browser level.
 * thanks,
    -  This reply was modified 5 years, 9 months ago by [budasy](https://wordpress.org/support/users/budasy/).
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-js-code-editor-hides-browser-window-scroll-bars/#post-13349632)
 * > It would be great to have better behavioural control over these objects but
   > my personal feeling is that it needs to be solved at a browser level.
 * it’s all js event driven, so all client-side.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS/JS Code Editor hides Browser Window Scroll bars’ is closed to new
replies.

 * ![](https://ps.w.org/cf7-grid-layout/assets/icon-256x256.png?rev=1834229)
 * [Smart Grid-Layout Design for Contact Form 7](https://wordpress.org/plugins/cf7-grid-layout/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cf7-grid-layout/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cf7-grid-layout/)
 * [Active Topics](https://wordpress.org/support/plugin/cf7-grid-layout/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cf7-grid-layout/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cf7-grid-layout/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/css-js-code-editor-hides-browser-window-scroll-bars/#post-13349632)
 * Status: resolved