javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-17 18:54:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: lint

Browse Source
This commit is contained in:
Brandy Carney
2024-09-24 19:55:25 -04:00
parent 699ce9779f
commit 1d645c9f3f
4 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -166,10 +166,7 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
</span> </span>
{mode === 'md' && <ion-ripple-effect></ion-ripple-effect>} {mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
</button> </button>
<div <div part="indicator" class="segment-button-indicator segment-button-indicator-animated">
part="indicator"
class="segment-button-indicator segment-button-indicator-animated"
>
<div part="indicator-background" class="segment-button-indicator-background"></div> <div part="indicator-background" class="segment-button-indicator-background"></div>
</div> </div>
</Host> </Host>

2
core/src/components/segment-view/segment-view.tsx
View File

@ -39,7 +39,7 @@ export class SegmentView implements ComponentInterface {
// Emit the scroll direction and distance // Emit the scroll direction and distance
this.ionSegmentViewScroll.emit({ this.ionSegmentViewScroll.emit({
scrollDirection, scrollDirection,
scrollDistance scrollDistance,
}); });
const atSnappingPoint = scrollLeft % offsetWidth === 0; const atSnappingPoint = scrollLeft % offsetWidth === 0;

4
core/src/components/segment-view/test/disabled/segment-view.e2e.ts
View File

@ -65,7 +65,9 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
await expect(segmentContent).toBeInViewport(); await expect(segmentContent).toBeInViewport();
}); });
test('should scroll to the third content and update the segment value when the second segment content is disabled', async ({ page }) => { test('should scroll to the third content and update the segment value when the second segment content is disabled', async ({
page,
}) => {
await page.setContent( await page.setContent(
` `
<ion-segment> <ion-segment>

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

@ -374,8 +374,7 @@ export class Segment implements ComponentInterface {
// Calculate the max and min allowed transformations based on the scroll direction // Calculate the max and min allowed transformations based on the scroll direction
const maxTransform = scrollDirection === 'left' ? 0 : segmentRect.width - buttonRect.width; const maxTransform = scrollDirection === 'left' ? 0 : segmentRect.width - buttonRect.width;
const minTransform = scrollDirection === 'left' ? const minTransform = scrollDirection === 'left' ? -(segmentRect.width - buttonRect.width) : 0;
-(segmentRect.width - buttonRect.width) : 0;
// Clamp the transform value to ensure it doesn't go out of bounds // Clamp the transform value to ensure it doesn't go out of bounds
const clampedTransform = Math.max(minTransform, Math.min(transformValue, maxTransform)); const clampedTransform = Math.max(minTransform, Math.min(transformValue, maxTransform));