Side bar menus are not working for certain responsive width of the browsers due to scroll-y-offset.
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 25.9k
- Forks
- 2.4k
- Avg merge
- 13h 10m
- Merged PRs (30d)
- 4
Description
Side bar menus are not working for certain responsive width of the safari and chrome browser due to scroll-y-offset.
As we need the scroll bar for side menus, we are using scroll-y-offset. But, scroll-y-offset is causing issue between 1200 and 1400 width of the browsers. When we click on the first menu, second menu API end points are getting opened.
Parameters
1)selector: selector of the element to be used for specifying the offset. The distance from the top of the page to the element's bottom will be used as offset. Selector for scroll-y-offset worked fine for all the widths except between 1200 and 1400 widths.
2) number: A fixed number of pixels to be used as offset.
we tried all the positive and negative integers for the width between 1200 and 1400 but nothing worked.
Tested Dimension responsive:
Dimensions responsive 1221 * 915
Dimensions responsive 1300 * 1080
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the sidebar behavior in Safari and Chrome at 1221×915 and 1300×1080, then trace the sidebar handling of the scroll-y-offset selector or numeric offset. No source file or test is named; done means the first menu opens its own endpoint and sidebar scrolling still works between 1200 and 1400 pixels.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100