Content
View differences
Updated by Parimal Satyal over 1 year ago
### Steps to reproduce
* In Notification center, open a notification
* In the split screen, scroll the tab navigation (UnderlineNav) horizontally and click on a tab that requires scroll
### What is the buggy behavior?
* Clicking a tab after scrolling opens that tab but reinitialises scroll
* In some cases, the active tab is no longer visible, or only partially visible
* ~~(possibly (possibly related) The orange "current tab" bottom-border indicator seems to be missing~~ missing
* ~~The The top-bottom positioning also seems off (there's too much bottom padding, too little top padding)~~ padding)
### What is the expected behavior?
* The UnderlineNav should adjust scroll position such that the active tab remains visible
* ~~The The current tab should have an orange bottom-border~~ bottom-border
* ~~The The vertical positioning of the elements is restored to Primer defaults~~ defaults
### Screenshots and other files
<img class="image_resized op-uc-image op-uc-image_inline" style="width:547px;" src="/api/v3/attachments/188227/content">
### Environment information
**Edge**
**OpenProject 14.6.0**
Core build: [67e0b13148be6231ce966e163c8b6769630d21a0](https://github.com/opf/openproject/commits/67e0b13148be6231ce966e163c8b6769630d21a0)
Product version: [411c504186afc3535b72a3d20779056a73a210a2](https://github.com/opf/saas-openproject/commits/411c504186afc3535b72a3d20779056a73a210a2)
**Browser:**
Firefox, Mac (desktop)
**Language**
EN
* In Notification center, open a notification
* In the split screen, scroll the tab navigation (UnderlineNav) horizontally and click on a tab that requires scroll
### What is the buggy behavior?
* Clicking a tab after scrolling opens that tab but reinitialises scroll
* In some cases, the active tab is no longer visible, or only partially visible
* ~~(possibly
* ~~The
### What is the expected behavior?
* The UnderlineNav should adjust scroll position such that the active tab remains visible
* ~~The
* ~~The
### Screenshots and other files
<img class="image_resized op-uc-image op-uc-image_inline" style="width:547px;" src="/api/v3/attachments/188227/content">
### Environment information
**Edge**
**OpenProject 14.6.0**
Core build: [67e0b13148be6231ce966e163c8b6769630d21a0](https://github.com/opf/openproject/commits/67e0b13148be6231ce966e163c8b6769630d21a0)
Product version: [411c504186afc3535b72a3d20779056a73a210a2](https://github.com/opf/saas-openproject/commits/411c504186afc3535b72a3d20779056a73a210a2)
**Browser:**
Firefox, Mac (desktop)
**Language**
EN