matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-05 23:10:41 +03:00
Code Activity

Fix Breadcrumbs2 ending up with 2 tabIndexes on Firefox due to explicit css overflow scroll

Browse Source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski
2020-07-18 12:19:03 +01:00
parent 58532f2ac4
commit fabed26b09
3 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/structures/AutoHideScrollbar.js
View File

@@ -43,6 +43,7 @@ export default class AutoHideScrollbar extends React.Component {
className={["mx_AutoHideScrollbar", this.props.className].join(" ")} className={["mx_AutoHideScrollbar", this.props.className].join(" ")}
onScroll={this.props.onScroll} onScroll={this.props.onScroll}
onWheel={this.props.onWheel} onWheel={this.props.onWheel}
tabIndex={this.props.tabIndex}
> >
{ this.props.children } { this.props.children }
</div>); </div>);

3
src/components/structures/LeftPanel2.tsx
View File

@@ -327,6 +327,9 @@ export default class LeftPanel2 extends React.Component<IProps, IState> {
<IndicatorScrollbar <IndicatorScrollbar
className="mx_LeftPanel2_breadcrumbsContainer mx_AutoHideScrollbar" className="mx_LeftPanel2_breadcrumbsContainer mx_AutoHideScrollbar"
verticalScrollsHorizontally={true} verticalScrollsHorizontally={true}
// Firefox sometimes makes this element focusable due to
// overflow:scroll;, so force it out of tab order.
tabIndex={-1}
> >
<RoomBreadcrumbs2 /> <RoomBreadcrumbs2 />
</IndicatorScrollbar> </IndicatorScrollbar>