+
Skip to content
This repository was archived by the owner on Oct 14, 2025. It is now read-only.

Conversation

ynotdraw
Copy link
Collaborator

@ynotdraw ynotdraw commented Oct 10, 2024

🚀 Description

Allows for a Tab Group to set position: sticky + top: 0 via a sticky attribute to satisfy a design requirement.

It's been a while since I've written some code - let me know if I missed anything 🙈

📋 Checklist

🔬 How to Test

  • Navigate to Tab Group's story with sticky enabled.
  • Using Dev Tools, select the first glide-core-tab-panel.
  • Add an inline style that sets height: 200vh;.
  • Now scroll the panel and verify the Tab Group remains stuck to the top.

📸 Images/Videos of Functionality

Screen.Recording.2024-10-10.at.12.51.09.PM.mov

@ynotdraw ynotdraw self-assigned this Oct 10, 2024
Copy link

changeset-bot bot commented Oct 10, 2024

🦋 Changeset detected

Latest commit: 3fb4972

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

This PR includes changesets to release 1 package
Name Type
@crowdstrike/glide-core 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

Copy link
Contributor

${ref(this.#componentElementRef)}
>
<div class="tab-container">
<div class=${classMap({ 'tab-container': true, sticky: this.sticky })}>
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

No new test. We'll hit this with visual regression testing when it's time.

@ynotdraw ynotdraw marked this pull request as ready for review October 10, 2024 16:53
@ynotdraw ynotdraw merged commit 42c6b45 into main Oct 11, 2024
7 checks passed
@ynotdraw ynotdraw deleted the sticky-tabs branch October 11, 2024 15:42
@github-actions github-actions bot mentioned this pull request Oct 11, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

点击 这是indexloc提供的php浏览器服务,不要输入任何密码和下载