Why the sticky-top in chrome get a line space when maximize chrome and turn on the bookmark menu? #31405

WROIATE · 2020-08-03T05:58:02Z

WROIATE
Aug 3, 2020

According to this image, there hava a line space under the bookmark menu when I maximize chrome
When I close bookmark menu it will disappear

The same site in Firefox works well

taufik-nurhidayat · 2020-08-03T07:06:08Z

taufik-nurhidayat
Aug 3, 2020

what is your chrome version? in my chrome it work well but if i use responsive develepment tools it look same like your issues.

2 replies

WROIATE Aug 3, 2020
Author

Version 84.0.4147.105 (Official Build) (64-bit)

taufik-nurhidayat Aug 4, 2020

it's the same as the version I used. Ahh it looks like the problem occurred with bootstrapping.

WROIATE · 2020-08-07T07:00:56Z

WROIATE
Aug 7, 2020
Author

Does anybody have some solutions?

3 replies

Deckluhm Aug 7, 2020

Can you provide a repro?

When you need help (or report a bug), always provide a repro so it's easier for others to help you.

WROIATE Aug 8, 2020
Author

@Deckluhm
Sure. Here is an example

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <title>test</title>
</head>

<body>

    <header style="position:relative">
        <div class="jumbotron jumbotron-fluid bg-brightness mb-0" style="height: 30vh;">
        </div>
    </header>

    <div class="sticky-top p-0 mb-5 mr-0 navfadeIn">
        <div style="position: relative;">
            <div class="d-flex align-items-center justify-content-center" style="
                width: 100%;
                background-color: #050606;
                color: rgb(217, 215, 213);
                min-height: 70px;">
                <div style="width: 500px;">
                    <nav class="nav nav-pills flex-sm-row justify-content-center m-auto">
                        <a class="flex-sm-fill text-sm-center nav-link active" href="#">1</a>
                        <a class="flex-sm-fill text-sm-center nav-link " href="#">2</a>
                        <a class="flex-sm-fill text-sm-center nav-link " href="#">3</a>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <main style="height: 3000px; background-color: brown;">

    </main>

</body>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
    crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
    crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
    crossorigin="anonymous"></script>

</html>

Deckluhm Aug 9, 2020

I can't reproduce your issue in both Firefox and Chromium on latest versions (Ubuntu 20.04).

Few things to try:

Disable all browser addons
Use latest Bootstrap version (you are using 4.3.1 and latest version if 4.5.2)

I have the feeling this isn't an issue with Bootstrap tho, if the issue just occurred with Chrome bookmark bar (but disappears without it), it might be a browser issue (or browser addon).

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Bootstrap

Why the sticky-top in chrome get a line space when maximize chrome and turn on the bookmark menu? #31405

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 2 comments 5 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

Bootstrap

Why the sticky-top in chrome get a line space when maximize chrome and turn on the bookmark menu? #31405

WROIATE Aug 3, 2020

Replies: 2 comments · 5 replies

taufik-nurhidayat Aug 3, 2020

WROIATE Aug 3, 2020 Author

taufik-nurhidayat Aug 4, 2020

WROIATE Aug 7, 2020 Author

Deckluhm Aug 7, 2020

WROIATE Aug 8, 2020 Author

Deckluhm Aug 9, 2020

WROIATE
Aug 3, 2020

Replies: 2 comments 5 replies

taufik-nurhidayat
Aug 3, 2020

WROIATE Aug 3, 2020
Author

WROIATE
Aug 7, 2020
Author

WROIATE Aug 8, 2020
Author