Comments (15)
@severinlandolt hey, I feel I can fix this. Should I submit a PR?
from tremor.
Hi @lucafaggianelli @rajdip-b @rlancejohnson! Brief update: The overflow problem still persists and it looks like that this won't be fixable soon. I will update this asap once there is a fixing headless ui release.
If you are in desperate need of a date picker with improved positioning, it's worth taking a look here: https://raw.tremor.so/docs/inputs/date-range-picker
from tremor.
Good news: https://x.com/adamwathan/status/1729274129264624056?s=20
from tremor.
Hi @rlancejohnson → still blocked! Waiting for headless ui 4.0.
from tremor.
That would be great! I just assigned you. I have to go to sleep now🤣
from tremor.
That would be great! I just assigned you. I have to go to sleep now🤣
Would try to submit the PR by the time you wake up!🤣
from tremor.
Hey guys, I was experimenting with the component and sort of found it difficult to fix the alignment automatically. This is so because the Calendar is being rendered in an absolute component, which makes it very tricky to use flex boxes. I however, created a flag that will dock the calendar to left/right, thereby fixing the issue.
Can anyone suggest any improvements? @severinlandolt @lucafaggianelli
from tremor.
I've completed some tests and its basically a feature that our underlying library (headlessui) does not offer natively.
Thank you @rajdip-b for your initial effort and suggesting a new prop. We will do some thinking around that an come back later!
from tremor.
I've completed some tests and its basically a feature that our underlying library (headlessui) does not offer natively.
Thank you @rajdip-b for your initial effort and suggesting a new prop. We will do some thinking around that an come back later!
Sure!!
from tremor.
Yep indeed I reached the same conclusion on headlessui. Though I saw you use the lib floating ui as well in tremor, which seems more suited for this task.
About the new property, maybe I would call it "anchor" or something similar to make it more flexible so it could have values like right, left, center for the horizontal alignment and top, bottom, middle for the vertical one, I see many libs using this pattern.
from tremor.
Yep indeed I reached the same conclusion on headlessui. Though I saw you use the lib floating ui as well in tremor, which seems more suited for this task.
About the new property, maybe I would call it "anchor" or something similar to make it more flexible so it could have values like right, left, center for the horizontal alignment and top, bottom, middle for the vertical one, I see many libs using this pattern.
Yeah even I did notice that. Should I proceed with the implementation, see what all changes I can implement? @lucafaggianelli @severinlandolt
from tremor.
Good news: https://x.com/adamwathan/status/1729274129264624056?s=20
I guess this issue can be closed then?
from tremor.
I will keep it open until Headless UI has been updated
from tremor.
Sure!
from tremor.
Any update on this?
from tremor.
Related Issues (20)
- [Bug]: When Tooltip overlaps on surrounding charts, the zindex seems to be too low HOT 1
- [Bug]: The selected elements don't change their background color HOT 1
- BarList aligment HOT 5
- [Feature]: Progree bar color and background color HOT 1
- [Bug]: Select does not apply error styling in dark mode HOT 3
- [Bug]: TabGroup doesn't follow the colours defined in tailwind.config.ts HOT 8
- [Feature]: React 19 support HOT 1
- [Bug]: Legend component fails to render with 23 or more categories HOT 1
- [Feature]: Stacked Funnel Chart HOT 3
- [Feature]: Value Formatter for x-axis
- [Feature]: Padding for x axis
- [Feature]: Progress Circle with different color by sector HOT 1
- [Feature]: Add option to make the highlighted area a click target in a bar chart
- [Bug]: DateRangePicker z-index can't be changed HOT 1
- Barchart with Rounded Corners HOT 3
- Multiple charts on one plot
- [Bug]: Tremor Tabs not defaulting to value HOT 3
- [Question]: How can I increase the thickness of the donuts pie charts ? HOT 1
- [Feature]: adding phone input
- [Bug]: Scatter chart x axis label is truncated (below the line height) HOT 1
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 tremor.