Search Box causes horizontal scrolling

zukro · August 18, 2016 at 5:31 PM

Search Box causes horizontal scrolling in my google chrome.

**Tim Düsterhus** · August 18, 2016 at 5:32 PM Official Post

Hi

what's your screen resolution?

zukro · August 18, 2016 at 5:35 PM

Quote from TimWolla

Hi
what's your screen resolution?

1280 x 800

NicoleSophie · August 18, 2016 at 5:46 PM

That is a small screen res. I only have 19inch monitor and use 1280x1024

That screen res is listed 3rd down for me. What size monitor you use

zukro · August 18, 2016 at 5:54 PM

well, i am using 14.1" laptop.

@GTB

zukro · August 18, 2016 at 8:25 PM

using firefox still has the same problem..

Black Rider · August 18, 2016 at 8:28 PM

Problem should be between 1025px and 1240px.

**Alexander Ebert** · August 18, 2016 at 9:01 PM Official Post

It actually doesn't cause scrolling, but instead the layout shouldn't go below the style's minimum width of 1240px.

zukro · August 19, 2016 at 2:03 AM

alright, how about smaller screen below 1240px?

Cause it still get the same problem in my 4.5" smartphone, see white space in top right corner.

Black Rider · August 19, 2016 at 7:53 AM

That’s likely another bug and already reported by me if I see that correctly.

zukro · August 19, 2016 at 12:17 PM

Quote from Alexander Ebert

It actually doesn't cause scrolling, but instead the layout shouldn't go below the style's minimum width of 1240px.

you're right Alexander

doing this to CCS

Code

@media (min-width: 1025px)
    .layoutBoundary {
        padding: 0 20px;
        /* min-width: 1240px; */
        max-width: 1400px;
}

and solve the bug in my browser.

So applying min-width: 1240px is intentional? or is it true, a bug?

**Alexander Ebert** · August 19, 2016 at 12:19 PM Official Post

Actually the reverse would be correct: There are some parts that visually reduce their width below 1240px. It then looks as if certain components such as the search box stick out, where in fact they're perfectly in place but some parts are just shorter than they should be.

Participate now!