javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix segment right scroll

Browse Source
This commit is contained in:
Tanner Reits
2024-10-11 15:51:47 -04:00
parent 1bb7fe87f7
commit f171202ac7
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
core/src/components/segment/segment.tsx
View File

@@ -459,7 +459,8 @@ export class Segment implements ComponentInterface {
}
// Scroll the segment container if the indicator is out of view
const indicatorX = indicator.getBoundingClientRect().x;
const indicatorRect = indicator.getBoundingClientRect();
const indicatorX = indicatorRect.x;
if (scrollDistance < 0 && indicatorX < 0) {
this.el.scrollBy({
top: 0,
@@ -469,7 +470,7 @@ export class Segment implements ComponentInterface {
} else if (scrollDistance > 0 && indicatorX + currentButtonWidth > this.el.offsetWidth) {
this.el.scrollBy({
top: 0,
left: indicatorX + currentButtonWidth - this.el.offsetWidth,
left: indicatorX + indicatorRect.width - this.el.offsetWidth,
behavior: 'instant',
});
}