Skip to content

Conversation

@marissahuysentruyt
Copy link
Collaborator

@marissahuysentruyt marissahuysentruyt commented Jun 25, 2025

Description

  • defines the missing --spectrum-popover-border-width custom property
  • create changeset
  • update metadata

This PR redefines a missing custom property for the popover border width. This fixes the popover positioning when the withTip argument is true.

How and where has this been tested?

Please tag yourself on the tests you've marked complete to confirm the tests have been run by someone other than the author.

Validation steps

Screenshot 2025-06-26 at 11 29 32 AM
  • Visually, the popover pairs for each test case don't line up (which is expected).
Screenshot 2025-06-26 at 11 28 57 AM

Regression testing

Validate:

  1. The documentation pages for at least two other components are still loading, including:
  • The pages render correctly, are accessible, and are responsive.
  1. If components have been modified, VRTs have been run on this branch:
  • VRTs have been run and looked at.
  • Any VRT changes have been accepted (by reviewer and/or PR author), or there are no changes.

Screenshots

⛔ Before

Screenshot 2025-06-26 at 11 11 24 AM Screenshot 2025-06-26 at 11 24 05 AM

✅ After

Screenshot 2025-06-26 at 11 11 10 AM Screenshot 2025-06-26 at 11 24 24 AM

To-do list

@changeset-bot
Copy link

changeset-bot bot commented Jun 25, 2025

🦋 Changeset detected

Latest commit: c62db7c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@spectrum-css/popover Patch
@spectrum-css/bundle Patch
@spectrum-css/preview Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@marissahuysentruyt marissahuysentruyt self-assigned this Jun 25, 2025
@marissahuysentruyt marissahuysentruyt added bug Results from a bug in the CSS implementation size-1 XS ~1-6hrs; nearly trivial, a few hours, could do more than one in a single day. S2 Spectrum 2 labels Jun 25, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Jun 25, 2025

File metrics

Summary

Total size: 1.42 MB*

Package Size Minified Gzipped
popover 16.80 KB 16.19 KB 2.05 KB

popover

Filename Head Minified Gzipped Compared to base
index.css 16.80 KB 16.19 KB 2.05 KB 🔴 ⬆ 0.07 KB
metadata.json 8.19 KB - - 🔴 ⬆ 0.04 KB
* Size is the sum of all main files for packages in the library.
* An ASCII character in UTF-8 is 8 bits or 1 byte.

@github-actions
Copy link
Contributor

github-actions bot commented Jun 25, 2025

📚 Branch preview

PR #3995 has been deployed to Azure Blob Storage: https://spectrumcss.z13.web.core.windows.net/pr-3995/index.html.

- defines the missing `--spectrum-popover-border-width` custom property
- create changeset
- update metadata
@marissahuysentruyt marissahuysentruyt force-pushed the marissahuysentruyt/fix-reimplement-popover-border-width branch from 7634baa to c62db7c Compare June 26, 2025 15:32
@marissahuysentruyt marissahuysentruyt marked this pull request as ready for review June 26, 2025 15:33
--spectrum-popover-animation-distance: var(--spectrum-spacing-100);

--spectrum-popover-background-color: var(--spectrum-background-layer-2-color);
--spectrum-popover-border-width: var(--spectrum-border-width-100);
Copy link
Contributor

Choose a reason for hiding this comment

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

yay!

@marissahuysentruyt marissahuysentruyt added the skip_vrt Add to a PR to skip running VRT (but still pass the action) label Jun 26, 2025
@marissahuysentruyt marissahuysentruyt merged commit 18c69aa into spectrum-two Jun 26, 2025
26 checks passed
@marissahuysentruyt marissahuysentruyt deleted the marissahuysentruyt/fix-reimplement-popover-border-width branch June 26, 2025 17:10
@github-actions github-actions bot mentioned this pull request Jul 26, 2025
@castastrophe castastrophe mentioned this pull request Aug 6, 2025
11 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Results from a bug in the CSS implementation S2 Spectrum 2 size-1 XS ~1-6hrs; nearly trivial, a few hours, could do more than one in a single day. skip_vrt Add to a PR to skip running VRT (but still pass the action)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants