question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Table contents are hidden behind the right-side panel, when Side-Nav is open.

See original GitHub issue

Description

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:

Open

Screenshot when Navigation bar is Closed:

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:open
  • Created 2 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
Abhishek-90commented, Feb 19, 2022

@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.

0reactions
bob-watsoncommented, Jun 28, 2022

This doesn’t seem to be related to documentation content so I removed comp: docs label.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found