Skip to content

Commit 378c13c

Browse files
authored
fix(ui5-timeline-item): remove focus getting cut (#11532)
Previously, when a ui5-timeline-item was being focused, the focus outline was getting cut, due to a overflow: auto property in Vertical mode. With this change we remove the overflow property, and the focus behaves as expected.
1 parent 6a6b6e8 commit 378c13c

File tree

2 files changed

+1
-3
lines changed

2 files changed

+1
-3
lines changed

packages/fiori/src/themes/Timeline.css

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,11 +75,9 @@
7575
height: 100%;
7676
position: relative;
7777
box-sizing: border-box;
78-
padding-inline-end: 0;
7978
}
8079

8180
:host([layout="Vertical"]) .ui5-timeline-scroll-container {
82-
overflow: auto;
8381
height: 100%;
8482
width: 100%;
8583
}

packages/fiori/test/pages/Timeline.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -300,7 +300,7 @@ <h2>Basic Timeline - Horizontal</h2>
300300

301301
<section>
302302
<h2>Advanced Timeline - Horizontal With Groups and Diverse Components</h2>
303-
<div style="max-height: 10.5rem; overflow: auto;">
303+
<div>
304304
<ui5-timeline layout="Vertical" id="horizontalWithGroupsGrowing">
305305
<ui5-timeline-group-item group-name="SAP Events">
306306
<ui5-timeline-item title-text="Online Meeting" subtitle-text="20.02.2017 11:30" icon="calendar">

0 commit comments

Comments
 (0)