Skip to content

fix(modal): prevent ion-content collapsing at content-based heights #20230

fix(modal): prevent ion-content collapsing at content-based heights

fix(modal): prevent ion-content collapsing at content-based heights #20230

Triggered via pull request August 28, 2026 20:01
Status Success
Total duration 12m 11s
Artifacts 27

build.yml

on: pull_request
build-react
51s
build-react
build-vue
40s
build-vue
Matrix: test-core-screenshot
build-angular
56s
build-angular
build-angular-server
43s
build-angular-server
test-core-clean-build
10s
test-core-clean-build
test-core-lint
45s
test-core-lint
test-core-spec
49s
test-core-spec
build-react-router
44s
build-react-router
build-vue-router
33s
build-vue-router
verify-screenshots
2s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
2s
verify-test-angular-e2e
verify-test-react-e2e
4s
verify-test-react-e2e
verify-test-react-router-e2e
2s
verify-test-react-router-e2e
verify-test-vue-e2e
2s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

5 errors and 20 notices
[Mobile Safari] › src/components/item/test/a11y/item.e2e.ts:36:9 › item: axe - ios/ltr › should not have accessibility violations: src/components/item/test/a11y/item.e2e.ts#L40
1) [Mobile Safari] › src/components/item/test/a11y/item.e2e.ts:36:9 › item: axe - ios/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 64 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.09, + "expectedContrastRatio": "4.5:1", + "fgColor": "#b3b3b3", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.09 (foreground color: #b3b3b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"item-native\" part=\"native\"><slot name=\"start\"></slot><div class=\"item-inner\" part=\"inner\"><div class=\"input-wrapper\" part=\"container\"><slot></slot></div><slot name=\"end\"></slot></div></div>", + "target": Array [ + Array [ + ".ion-activatable:nth-child(7)", + ".item-native[part=\"native\"]", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.09 (foreground color: #b3b3b3, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"label-text\">Item with Select disabled</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + ".select-disabled", + ".label-text", + ], + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + "RGAAv4", + "RGAA-3.2.1", + ], + }, + ] 38 | 39 | const results = await new AxeBuilder({ page }).analyze(); > 40 | expect(results.violations).toEqual([]); | ^ 41 | }); 42 | 43 | test('should reflect aria-label', async ({ page }) => { at /ionic/src/components/item/test/a11y/item.e2e.ts:40:34
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:253:9 › datetime-button: reopening modal - md/ltr › should keep the selected day in view when reopened: src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L244
2) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:253:9 › datetime-button: reopening modal - md/ltr › should keep the selected day in view when reopened Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-datetime.datetime-ready') to be visible 242 | await page.click('#date-button'); 243 | await ionModalDidPresent.next(); > 244 | await page.locator('ion-datetime.datetime-ready').waitFor(); | ^ 245 | await page.waitForChanges(); 246 | }; 247 | at openModal (/ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:244:57) at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:261:7
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:253:9 › datetime-button: reopening modal - md/ltr › should keep the selected day in view when reopened: src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L0
2) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:253:9 › datetime-button: reopening modal - md/ltr › should keep the selected day in view when reopened Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:179:9 › datetime-button: modal - md/ltr › should set datetime ready state and keep calendar interactive when reopening modal: src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L191
1) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:179:9 › datetime-button: modal - md/ltr › should set datetime ready state and keep calendar interactive when reopening modal Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-datetime.datetime-ready') to be visible 189 | await ionModalDidPresent.next(); 190 | > 191 | await page.locator('ion-datetime.datetime-ready').waitFor(); | ^ 192 | 193 | const calendarBody = datetime.locator('.calendar-body'); 194 | await expect(calendarBody).toBeVisible(); at openAndInteract (/ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:191:59) at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:197:7
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:179:9 › datetime-button: modal - md/ltr › should set datetime ready state and keep calendar interactive when reopening modal: src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L0
1) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:179:9 › datetime-button: modal - md/ltr › should set datetime ready state and keep calendar interactive when reopening modal Test timeout of 30000ms exceeded.
🎭 Playwright Run Summary
212 skipped 345 passed (3.1m)
🎭 Playwright Run Summary
216 skipped 396 passed (3.2m)
🎭 Playwright Run Summary
549 passed (3.6m)
🎭 Playwright Run Summary
1 skipped 617 passed (3.6m)
🎭 Playwright Run Summary
1 skipped 616 passed (4.2m)
🎭 Playwright Run Summary
4 skipped 717 passed (4.3m)
🎭 Playwright Run Summary
4 skipped 578 passed (4.7m)
🎭 Playwright Run Summary
1 flaky [Mobile Safari] › src/components/item/test/a11y/item.e2e.ts:36:9 › item: axe - ios/ltr › should not have accessibility violations 3 skipped 608 passed (5.3m)
🎭 Playwright Run Summary
770 passed (5.3m)
🎭 Playwright Run Summary
14 skipped 458 passed (5.5m)
🎭 Playwright Run Summary
13 skipped 660 passed (6.6m)
🎭 Playwright Run Summary
19 skipped 599 passed (6.6m)
🎭 Playwright Run Summary
608 passed (7.2m)
🎭 Playwright Run Summary
8 skipped 621 passed (7.5m)
🎭 Playwright Run Summary
7 skipped 572 passed (7.8m)
🎭 Playwright Run Summary
9 skipped 603 passed (8.1m)
🎭 Playwright Run Summary
4 skipped 614 passed (8.4m)
🎭 Playwright Run Summary
14 skipped 604 passed (9.0m)
🎭 Playwright Run Summary
1 skipped 655 passed (9.2m)
🎭 Playwright Run Summary
2 flaky [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:179:9 › datetime-button: modal - md/ltr › should set datetime ready state and keep calendar interactive when reopening modal [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:253:9 › datetime-button: reopening modal - md/ltr › should keep the selected day in view when reopened 3 skipped 607 passed (9.5m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular
583 KB
sha256:1a0376a836b32da29e0d6d7daf115552abe4863d9d898b72acf5e9ce1f20c4a3
ionic-angular-server
4.32 KB
sha256:edc99901724e46844cb37ea64c5ddb115002c8a457fdcc740e1d53fbb05f2225
ionic-core
4.7 MB
sha256:fe708196744bde753c45f841920b0573cf872d8983bd731fc51dbc7eb500e872
ionic-react
238 KB
sha256:ad850f054983ae212e39db9841135e4a95093b64964e451cf8b652a844c2aef2
ionic-react-router
110 KB
sha256:a616333d1f756e6fafa8523bc8836c9d4118a621300398a9356f009c5fa0db89
ionic-vue
239 KB
sha256:54b0093a481fccb8d423b845dad41e4d74b68d7764717652f2b89c71162be977
ionic-vue-router
19.4 KB
sha256:0c940f8edaae06314db242e6a4719fda87e966b6ff6599aac78cff07c6db19f3
test-results-1-20
493 KB
sha256:522f46bfc24427cc2d638c665a85ef66c9a822fe9b82838473d79a2fd10d1349
test-results-10-20
518 KB
sha256:447e7ff8d54531c7a8ff924af8b3c7344b31c5f56fdaa815eebb076020a553d4
test-results-11-20
534 KB
sha256:50615a6b4e147442463683ac1083cf0a1bdad56904df541fc9d09cfbdb02de8e
test-results-12-20
477 KB
sha256:7f5a1996045451924e5b30c465449b7c9221df23409910c6cfe31e4b934dfb79
test-results-13-20
503 KB
sha256:f5edb7b597fb3547e26505cbaee550149bfaf074bb44f2d04a939f422e0b0e0a
test-results-14-20
441 KB
sha256:12ed92e5d2e3b2e3bb3b392529642dc67bafb3d68bca9ad2b78aff159748fd2b
test-results-15-20
1.8 MB
sha256:96b49d3366f4c0986cf2db546fb89d26bd227d9eaab77e9f13f92a395423af04
test-results-16-20
2.6 MB
sha256:aa3fe8b30863ed356b32149de0aa2e3204cc4e501751bf673cbe1f2769845ed6
test-results-17-20
627 KB
sha256:0e861065f73d3c89065f380d3331e133b02ca08ab567d8e41d93f4a7508e3130
test-results-18-20
538 KB
sha256:cde5f5bf0f2a23c8b8b38cbd948bdfa931504491d5389ecc997147ce81510944
test-results-19-20
460 KB
sha256:e8d824e1f8505b0362692489b239db925466d60b355d906ba7f894cbe5d53c19
test-results-2-20
517 KB
sha256:6541d077e27881e7b6845f3ea232dda48c39c7e7d204aab69846b833fb3a8eaa
test-results-20-20
376 KB
sha256:3e297d5f7fbf80e0c4f0a458fe0180aeb82b0f7512d9362d1ff9793806a115bc
test-results-3-20
480 KB
sha256:f585a582bdaa066e3538b4d9c046c61c84f7dee10e09f19c646ef4a656ce310f
test-results-4-20
606 KB
sha256:ee2bf6a885db6b7ab30617af40a854e74477550d1e0fd3f6a09ba14470adb5e1
test-results-5-20
514 KB
sha256:95438e58192fb92fb63075f38c8cbff371e55368bd6a9e2447b1ab2f36af83f1
test-results-6-20
461 KB
sha256:b0b799a86d081c81c2d7ce24efef6cdf21e1f8ac4235255f9f9f101809771a39
test-results-7-20
409 KB
sha256:fad100355d56f3a9fbcadf677cdb97a917056cd03042dc0ad2f4a5a2d32e9e4e
test-results-8-20
473 KB
sha256:a6ac341dbe08f2cc26304c475279b9449c3bff0df5e2ce2a5ca07e1beba45f09
test-results-9-20
527 KB
sha256:3fe5730592b4e351fa68ff76175bb8450ab77ecfcdaeef9515dd6b3a07fb7768