benjaminkott / benjaminkott/bootstrap_package

Flickering Sticky Navigation

Open
#1,468 10 comments 5 reactions 0 assignees View on GitHub
bug
Dominant language
PHP
Stars
355
Forks
212
Avg merge
1h 4m
Merged PRs (30d)
31

Description

# Bug Report

## Description

The sticky navigation bar on the demo site (https://www.bootstrap-package.com/) behaves erratically, flickering when the page is scrolled down slightly. This creates a visually unsettling effect, as if the navigation bar is trying to reposition itself constantly. see attachment

## Steps to Reproduce

1. Visit the Bootstrap Package demo site at https://www.bootstrap-package.com/.
2. Scroll down slightly.
3. Observe the behavior of the sticky navigation bar.

**Temporary Solution and Observation:**
- The issue was initially observed when the minified JS file (`bootstrap.stickyheader.min.js`) was in use.
- Replacing the minified JS file with the normal JS file (`bootstrap.stickyheader.js`) resolved the flickering issue.
- This suggests that the problem might be associated with the minification process or the specific content of the `bootstrap.stickyheader.min.js` file.

### Screenshots
![Aufzeichnung-2024-01-24-134337](https://github.com/benjaminkott/bootstrap_package/assets/59710510/3c96d08d-f8ad-443c-90ee-333fb77dd36a)

I recommend a review of the minification process or the content of the `bootstrap.stickyheader.min.js` file to identify and address the cause of this flickering issue.

## Versions
bootstrap_package 14.0.7

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.