Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(dropdown): radio button overflows on search input (#300) #301

Merged
merged 1 commit into from
Jun 7, 2023

Conversation

kiaking
Copy link
Member

@kiaking kiaking commented Jun 7, 2023

This was only happening for radio button due to it having position: relative but not for checkboxes which have position: static. Added z-index on search input so that it always gets shown above the filter items.

@kiaking kiaking added the bug Something isn't working label Jun 7, 2023
@kiaking kiaking requested a review from ryo-gk June 7, 2023 03:52
@kiaking kiaking self-assigned this Jun 7, 2023
@netlify
Copy link

netlify bot commented Jun 7, 2023

Deploy Preview for sefirot-story ready!

Name Link
🔨 Latest commit 7d355a7
🔍 Latest deploy log https://app.netlify.com/sites/sefirot-story/deploys/647fff1b94eae20008743f69
😎 Deploy Preview https://deploy-preview-301--sefirot-story.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@codecov
Copy link

codecov bot commented Jun 7, 2023

Codecov Report

Patch coverage: 100.00% and no project coverage change.

Comparison is base (5ff4ee7) 83.40% compared to head (7d355a7) 83.41%.

Additional details and impacted files
@@           Coverage Diff           @@
##             main     #301   +/-   ##
=======================================
  Coverage   83.40%   83.41%           
=======================================
  Files         123      123           
  Lines       10464    10465    +1     
  Branches      566      566           
=======================================
+ Hits         8728     8729    +1     
  Misses       1736     1736           
Impacted Files Coverage Δ
lib/components/SDropdownSectionFilter.vue 91.84% <100.00%> (+0.03%) ⬆️

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

@netlify
Copy link

netlify bot commented Jun 7, 2023

Deploy Preview for sefirot-docs ready!

Name Link
🔨 Latest commit 7d355a7
🔍 Latest deploy log https://app.netlify.com/sites/sefirot-docs/deploys/647fff1b368937000800dd06
😎 Deploy Preview https://deploy-preview-301--sefirot-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@kiaking kiaking merged commit 8bc9a18 into main Jun 7, 2023
13 checks passed
@kiaking kiaking deleted the 300-fix-dropdown-radio-button-overflow branch June 7, 2023 06:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Dropdown] The circle of the radio buttons covers search input
2 participants