Table contents are hidden behind the right-side panel, when Side-Nav is open.
See original GitHub issueDescription
When the side navigation is close, the contents of the Properties table is visible correctly.
But when the side navigation is open, the table shifts to the right and parts of the content of the table gets hidden behind the the right side panel.
What is the affected URL?
https://angular.io/api/router/RouterLinkActive
Please provide the steps to reproduce the issue
Click on the hamburger option on the top left of the page and Notice the Properties table closely
Please provide the expected behavior vs the actual behavior you encountered
Actual Behavior : The table is being shifted towards right to accommodate the side Nav bar, thus hiding the table contents:
Expected Behavior : The SIZE of the table should be changed (Table should not be shifted) depending on whether the Side nav is open or closed.
Please provide a screenshot if possible
Screenshot when Navigation bar is open:
Screenshot when Navigation bar is Closed:
Please provide the exception or error you saw
No response
Is this a browser-specific issue? If so, please specify the device, browser, and version.
I tested it on Firefox and Chrome Browser.
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Sidenav - Angular Material
The side content should be wrapped in a <mat-sidenav> element. The position property can be used to specify which end of the main...
Read more >Right side panel - Stack Overflow
as soon as i click the open button panel goes fine but the background text still moves to the right ...let it also...
Read more >How To Create a Side Navigation Menu - W3Schools
Use any element to open the sidenav --> <span onclick="openNav()">open</span> <!-- Add all page content inside this div if you want the side...
Read more >Bootstrap 5 Sidebar Examples - DEV Community
Create a responsive sidebar in Bootstrap 5 with multi-level menu, icons, ... Overlay? is main content hidden behind or next to the sidebar?...
Read more >CSS Sidebars: A Beginner's Guide - HubSpot Blog
css sidebar developer using a laptop in an office ... body content --> ... a sticky css sidebar on the right side of...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@dario-piotrowicz hey thankyou so such good explanation about the issue… after reading it I agree that it will require lots of refactoring and the structure depends on many factor.
This doesn’t seem to be related to documentation content so I removed
comp: docs
label.