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.

Menu items in <ibm-header> disappear too soon when window is resized

See original GitHub issue

Using a simple header for my app:

<ibm-header>
	<ibm-header-navigation>
		<ibm-header-item>Hello</ibm-header-item>
		<ibm-header-item>World</ibm-header-item>
	</ibm-header-navigation>
</ibm-header>

When the window width is reduced, these menu items disappear when there is still plenty of room available for them to be displayed.

I would expect the menus to remain visible until there wasn’t enough space to display them.

Happens in all tested browsers: Chrome, Firefox, IE11, Edge.

Using carbon-components-angular 3.44.2

Issue Analytics

State:
Created 4 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

cal-smithcommented, Jan 18, 2021

Let me dig around a bit in Carbon … This is definitely something that should be addressed with an optional class on the components level, and I wonder if that’s available now.

0reactions

cal-smithcommented, Jun 24, 2021

Awesome, agreed!

Top Results From Across the Web

Menu items in <ibm-header> disappear too soon when ...

When the window width is reduced, these menu items disappear when there is still plenty of room available for them to be displayed....

Menu disappears when resizing window - CSS-Tricks

But when the window resizes, it just vanishes when it can no longer fit on screen. Removing the 100% height of the logo...

HTML Elements Disappear When Resizing Window

You used a top: in % , so when you resize the window. css calculates the stated % according to window current width....

Fix list for IBM Business Automation Workflow

APAR/Known Issue Security Title JR65073 X MULTIPLE SECURITY VULNERABILITIES IN SWAGGER UI DT143805 FIX FOR JR64316 IS INCOMPLETE DT143824 PDW PRUNE FAILS WITH A SQL EXCEPTION...

Fix list for IBM Engineering Systems Design Rhapsody

Category RTC ID / RATLC ID APAR RFE ID Activity Diagram 141509 / RATLC01429338 ‑‑‑ ‑‑‑ Activity Diagram 221832 / RATLC02828999 PI07675 ‑‑‑ Activity Diagram 222506...