CSS/JS Code Editor hides Browser Window Scroll bars

  • Resolved budasy

    (@budasy)


    4 years, 2 months ago

    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 4 years, 2 months ago by budasy.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Aurovrata Venet

    (@aurovrata)

    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

    (@budasy)

    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 4 years, 2 months ago by budasy.
    Plugin Author Aurovrata Venet

    (@aurovrata)

    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.