Skip to content

fix(modal): fix rendering tied to named-slot content#10469

Merged
driskull merged 3 commits intodevfrom
dris0000/modal-getSlotted-refactor
Oct 1, 2024
Merged

fix(modal): fix rendering tied to named-slot content#10469
driskull merged 3 commits intodevfrom
dris0000/modal-getSlotted-refactor

Conversation

@driskull
Copy link
Copy Markdown
Member

@driskull driskull commented Oct 1, 2024

Related Issue: #6059

Summary

  • remove use of getSlotted utility
  • replace with slotchange event and @State variables to update the display of elements.
  • existing tests should suffice

@github-actions github-actions Bot added the bug Bug reports for broken functionality. Issues should include a reproduction of the bug. label Oct 1, 2024
@driskull driskull marked this pull request as ready for review October 1, 2024 18:23
@driskull driskull added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Oct 1, 2024
Copy link
Copy Markdown
Contributor

@macandcheese macandcheese left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🆒

let footer = await page.$eval("calcite-modal", (el) => el.shadowRoot.querySelector(".footer"));
expect(footer).toBeDefined();
const footer = await page.find("calcite-modal >>> .footer");
expect(await footer.isVisible()).toBe(true);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice, this is a more expected test here than just existence in the DOM.

@driskull driskull merged commit 3586369 into dev Oct 1, 2024
@driskull driskull deleted the dris0000/modal-getSlotted-refactor branch October 1, 2024 20:26
@github-actions github-actions Bot added this to the 2.13.1 patch milestone Oct 1, 2024
benelan added a commit that referenced this pull request Oct 7, 2024
* origin/dev: (230 commits)
  chore: release next
  chore(sort-handle): add messages (#10474)
  feat(accordion-item): stretch slotted actions to fill its height (#9250)
  chore: release next
  feat(dialog, modal, popover, input-date-picker,  input-time-picker, sheet): support stacked component sequential closing with escape (#9231)
  chore: remove commented-out code (#10478)
  chore: add cssrem VSCode extension recommendation (#10300)
  docs(accordion-item): fix deprecation tag (#10479)
  chore: release next
  feat(stepper-item): update component's active state background color. (#10475)
  refactor: use `requestAnimationFrame` to replace `readTask` (#10432)
  chore: release next
  fix(tip): fix rendering tied to named-slot content (#10470)
  ci: compile estimate totals per milestone (#10442)
  chore: release next
  fix(modal): fix rendering tied to named-slot content (#10469)
  chore: release next
  fix(shell-center-row): fix rendering tied to named-slot content (#10451)
  fix(inline-editable): fix rendering tied to default slot content (#10456)
  fix(input, input-number, input-text): should not set slotted actions to be disabled (#10458)
  ...
benelan pushed a commit that referenced this pull request Feb 8, 2025
**Related Issue:** #6059

## Summary

- remove use of `getSlotted` utility
- replace with `slotchange` event and `@State` variables to update the
display of elements.
- existing tests should suffice
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Bug reports for broken functionality. Issues should include a reproduction of the bug. pr ready for visual snapshots Adding this label will run visual snapshot testing.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants