Comments (3)
Hi @mohammadhosseinmoradi, Do you mean when you set direction: rtl;
in CSS?
from headlessui-float.
Hi, when set direction: rtl;
directly in html tag for whole document.
this change works great:
export default function originClassResolvers(placement: Placement | "center") {
switch (placement) {
case "top":
return "origin-bottom";
case "bottom":
return "origin-top";
case "left":
return "ltr:origin-right rtl:origin-left";
case "right":
return "ltr:origin-left rtl:origin-right";
case "top-start":
case "right-end":
return "ltr:origin-bottom-left rtl:origin-bottom-right";
case "top-end":
case "left-end":
return "ltr:origin-bottom-right rtl:origin-bottom-left";
case "right-start":
case "bottom-start":
return "ltr:origin-top-left rtl:origin-top-right";
case "left-start":
case "bottom-end":
return "ltr:origin-top-right rtl:origin-top-left";
default:
return "origin-center";
}
}
export const tailwindcssOriginSafelist = [
"origin-bottom",
"origin-top",
"ltr:origin-right rtl:origin-left",
"ltr:origin-left rtl:origin-right",
"ltr:origin-bottom-left rtl:origin-bottom-right",
"ltr:origin-bottom-right rtl:origin-bottom-left",
"ltr:origin-top-left rtl:origin-top-right",
"ltr:origin-top-right rtl:origin-top-left",
];
from headlessui-float.
Thanks for report, I using above your code into the PR #82 and added your is co-author.
from headlessui-float.
Related Issues (20)
- Popover with overlay HOT 1
- React: headlessUi panels property unmount={false} not working HOT 2
- Vue refs not working inside `<Float>`? HOT 11
- Not closing menu when clicking outside
- Vue: Nested floating elements breaks when using static and show props HOT 2
- portal connection render for DOM elements HOT 2
- Set CSS variable for adaptive width instead of `width` HOT 2
- Support for @headlessui/react version 2 HOT 6
- (vue): Leave transition not working when using `:unmount="false"` HOT 1
- Page scroll up when open first HOT 2
- Safari triggered "ResizeObserver loop completed with undelivered notifications" on auto update HOT 1
- Will you support HeadlessUI React v2? HOT 1
- Can't make Vue dropdown options stick to the Combobox width HOT 2
- Error: Did you forget to passthrough the `ref` to the actual DOM node? when content is in separate component HOT 2
- Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element' HOT 2
- `hide()` feature of Floating UI HOT 2
- With Two Portalled components, neither work HOT 3
- Pass custom `root` to `<Float>` HOT 3
- [React] Error when using Popover HOT 1
- Browser scrolls up when opening a listbox HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from headlessui-float.