Problem/Motivation

Since IE11 needs to be supported until Drupal 10 at the earliest... (I know šŸ™)
At narrower widths, IE11 adds a horizontal scroll for breadcrumbs where it's clearly not needed

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

CommentFileSizeAuthor
#14 3190543-14.patch3.73 KBkostyashupenko
#11 after-patch-7.PNG22.3 KBSaurabh Srivastava
#11 before-patch-7.PNG18.25 KBSaurabh Srivastava
#10 Screen Shot 2021-05-26 at 7.39.30 AM.png18.82 KBbnjmnm
#9 Patch IE11 3190543.png1 MBchetanbharambe
#8 Screenshot 2021-05-25 at 17.33.17.png241.7 KBgauravvvv
#7 3190543.7.patch1.61 KBsakthivel m
#5 3190543-5.patch1.61 KBkomalk
#4 breadcrumb-horizontal-scrollbar-3190543-4.patch1.58 KBusingsession
#4 breadcrumbs-overflow-dots.png65.96 KBusingsession
#3 breadcrumbs-wrap.png61.88 KBusingsession
#3 breadcrumb-horizontal-scrollbar-3190543-3.patch1.82 KBusingsession
breadscroll.png19.1 KBbnjmnm

Comments

bnjmnm created an issue. See original summary.

usingsessionā€™s picture

usingsession commented

Add style to breadcrumbs container "overflow: hidden;".

usingsessionā€™s picture

usingsession commented
StatusFileSize
new breadcrumb-horizontal-scrollbar-3190543-3.patch1.82 KB
new breadcrumbs-wrap.png61.88 KB

Or, next solutions:
First: wrap element item

usingsessionā€™s picture

usingsession commented
StatusFileSize
new breadcrumbs-overflow-dots.png65.96 KB
new breadcrumb-horizontal-scrollbar-3190543-4.patch1.58 KB

Twice: .breadcrumb__list {text-overflow: ellipsis;}

komalkā€™s picture

komalk commented
Status: Active Ā» Needs review
StatusFileSize
new 3190543-5.patch1.61 KB

#4 includes the CSS file also needs to add PCSS.
Worked on the CSS lint issue.

Version: 9.2.x-dev Ā» 9.3.x-dev

Drupal 9.2.0-alpha1 will be released the week of May 3, 2021, which means new developments and disruptive changes should now be targeted for the 9.3.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

sakthivel mā€™s picture

sakthivel m commented
StatusFileSize
new 3190543.7.patch1.61 KB

just Re-rolled the patch 9.3.x

gauravvvvā€™s picture

gauravvvv commented
StatusFileSize
new Screenshot 2021-05-25 at 17.33.17.png241.7 KB

I am using IE 11 in MacBook and this issue is not reproducible in D9.3

Attaching a screenshot for reference.

chetanbharambeā€™s picture

chetanbharambe commented
Status: Needs review Ā» Closed (cannot reproduce)
StatusFileSize
new Patch IE11 3190543.png1 MB

I have tested this issue on IE11.
The issue is not reproducible on the 9.3.x-dev version.

Please see attached screenshot.

bnjmnmā€™s picture

bnjmnm
he/him
Primary language English
Location Ann Arbor, MI
commented
Issue summary: View changes
Status: Closed (cannot reproduce) Ā» Needs work
StatusFileSize
new Screen Shot 2021-05-26 at 7.39.30 AM.png18.82 KB

It is still happening. Make the viewport narrower to reproduce.

Saurabh Srivastavaā€™s picture

Saurabh Srivastava commented
Status: Needs work Ā» Needs review
StatusFileSize
new before-patch-7.PNG18.25 KB
new after-patch-7.PNG22.3 KB

I have tested the patch in #7, it's working fine for me on IE 11 (windows machine) I don't see any horizontal scroll bar coming in at any of the screen sizes.
Attaching screenshots for reference.

Regarding #10: will be help full if you may specify the exact scenario where you get the error.

mherchelā€™s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented
Priority: Normal Ā» Minor
xjmā€™s picture

xjm
she/her
Primary language English
commented
Issue tags: +Internet Explorer 11
kostyashupenkoā€™s picture

kostyashupenko
Primary language English
Location Omsk
commented
StatusFileSize
new 3190543-14.patch3.73 KB

Version: 9.3.x-dev Ā» 9.4.x-dev

Drupal 9.3.0-rc1 was released on November 26, 2021, which means new developments and disruptive changes should now be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev Ā» 9.5.x-dev

Drupal 9.4.0-alpha1 was released on May 6, 2022, which means new developments and disruptive changes should now be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

smustgraveā€™s picture

smustgrave commented
Status: Needs review Ā» Closed (outdated)

Closing as outdated since Internet Explorer is no longer a supported browser