fix(PopoverContainer): working in RTL #3333
Conversation
|
View your CI Pipeline Execution ↗ for commit d76da5a ☁️ Nx Cloud last updated this comment at |
Codecov Report❌ Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## cass-gmt-1601 #3333 +/- ##
=================================================
+ Coverage 89.25% 89.31% +0.06%
=================================================
Files 251 251
Lines 4719 4755 +36
Branches 1570 1619 +49
=================================================
+ Hits 4212 4247 +35
- Misses 499 500 +1
Partials 8 8
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
c91d7f0 to
a1befa9
Compare
a1befa9 to
a7779c6
Compare
|
|
||
| const { dirNeutralStyles, styles: placementStyles } = popoverPosition; | ||
|
|
||
| /** Non-empty `placementStyles` merged into inline `style`; `dirNeutralStyles` layered last (see `getPosition`). */ |
There was a problem hiding this comment.
this is the tiniest nit ever but could you swap to the same comment style as the one above?
/** Line one
- two
**/
dreamwasp
left a comment
There was a problem hiding this comment.
looke great in SB, testing mono now
|
📬 Published Alpha Packages:
|
|
🚀 Styleguide deploy preview ready! Preview URL: https://69f20efca272a71d5815cec3--gamut-preview.netlify.app |
* chore(GamutProvider): useLogicalProperties hook * feat(gamut-styles): add directionIsRtl utility Move DOM direction resolution (including JSDOM fallback) into @codecademy/gamut-styles utilities and export alongside useLogicalProperties. * fix(InfoTip): update rtl styles (#3319) * bug(InfoTip): update rtl styles Co-authored-by: Kenny Lin <kenny.lin.91@gmail.com> * fix(InfoTip): update rtl styles (#3319) * bug(InfoTip): update rtl styles Co-authored-by: Kenny Lin <kenny.lin.91@gmail.com> * Update packages/styleguide/src/lib/Meta/Logical and physical CSS properties.mdx Co-authored-by: Kenny Lin <kenny.lin.91@gmail.com> * fix(Pagination): Previous and Next Buttons to respect RTL (#3316) * chore: Update SelectDropdown Multi select to use logical properties (#3331) * fix: popover alignment for rtl / useLogicalProperties (#3326) * fix: popover, need to test invertAxis * fix: Address followups for ToolTip bugs RTL (#3330) * fix(Popover): addressing left/right beak (#3332) Co-authored-by: Kenny Lin <kenny.lin.91@gmail.com> * fix(PopoverContainer): working in RTL (#3333) * using physical properties for PopoverContainer positioning, mirroring is manual * fix tests --------- Co-authored-by: Kenny Lin <kenny.lin.91@gmail.com>
Overview
Updates PopoverContainer to revert back to use physical properties in lieu of logical properties.
The major constraint was how logical properties flip (or double-flip) and do not work with the math involved in positioning a PopoverContainer.
PR Checklist
Testing Instructions
Don't make me tap the sign.
PR Links and Envs