You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have read the template completely before filling it in.
Context
I'd like to implement a breadcrumb variant into my page in the same background and text color as my page content, currently a background color is attached since it's rendered inside a nav tag, which contains the background color for the main navigation as wel
When I remove the background color by removing the nav tag, the icons between the breadcrumbs are not positioned wel``
Current Behavior
When implementing breadcrumb as documented, a background color is rendered because of the nav tag
Expected behavior
Breadcrumbs should be more flexible, they should be implementable with or without a background inside a nav tag, in a standard setup, as basic as possible
Possible Solutions or Causes
Remove background styling from the nav tag directly and work explicitly with css selectors for navigation and other components sharing the nav tag
Implementing the breadcrumb without a nav results in incorrect semantic of the html and should be considered an invalid approach
This can only be fixed with css optimizations
Steps to reproduce
I have setup a simple page in this Codepen Example
As you notice the breadcrumb is rendered in a nav tag, the nav tag has always has a background color applied
Removing the nav tag results in alignment issues with the carrot icons and the current link not being visible
Your Environment
Version used: v2.2.1
The text was updated successfully, but these errors were encountered:
I've been working on this lately and created a Codepen example with backwards compatibility
For this example I needed to change the classes because of Materialize styling import overrides, if the idea get approved, we can implement it with the original classes
Before submitting...
Context
I'd like to implement a breadcrumb variant into my page in the same background and text color as my page content, currently a background color is attached since it's rendered inside a nav tag, which contains the background color for the main navigation as wel
When I remove the background color by removing the nav tag, the icons between the breadcrumbs are not positioned wel``
Current Behavior
When implementing breadcrumb as documented, a background color is rendered because of the nav tag
Expected behavior
Breadcrumbs should be more flexible, they should be implementable with or without a background inside a nav tag, in a standard setup, as basic as possible
Possible Solutions or Causes
Remove background styling from the nav tag directly and work explicitly with css selectors for navigation and other components sharing the nav tag
Implementing the breadcrumb without a nav results in incorrect semantic of the html and should be considered an invalid approach
This can only be fixed with css optimizations
Steps to reproduce
I have setup a simple page in this Codepen Example
As you notice the breadcrumb is rendered in a nav tag, the nav tag has always has a background color applied
Removing the nav tag results in alignment issues with the carrot icons and the current link not being visible
Your Environment
The text was updated successfully, but these errors were encountered: