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

UI shifts left on button or dropdown click #34

Open
kuatroka opened this issue Nov 25, 2024 · 2 comments
Open

UI shifts left on button or dropdown click #34

kuatroka opened this issue Nov 25, 2024 · 2 comments

Comments

@kuatroka
Copy link

Great project, thanks for creating it! I'm learning how to integrate duckdb, liveview, non-ecto db and charts.

A couple of small bugs and performance points.

  1. The UI/page shifts left on a button or dropdown click. See the gif
    ui_shift_on_click

  2. Chat performance looks weird when going to the per hour option on the Total Request chart. The chart is rendered kind of janky and slow. Check it on the same gif above.

  3. After clicking on the dropdown or a button, the outline stays highlighted, so I need to click outside for the outline to go. See the gif.
    outline_on_click

It cold be that all that is the shadcn/ui problem?

@lalabuy948
Copy link
Owner

@kuatroka thank you for sharing very detailed issue, could you be so kind to tell me which browser do you use?

@kuatroka
Copy link
Author

kuatroka commented Nov 26, 2024

  • Sure thing. I use Brave Browser which is based on Chromium.

Brave
Version 1.73.89 Chromium: 131.0.6778.69

I also tried it with the same result on Chrome Version 131.0.6778.86 (Official Build) (arm64)

but... Safari seems fine in terms of no left shift, but the outline and the janky chart load is there too. See the gif
safari

  • Charts

Not sure if it's of any relevance to you or not, but in case you're thinking about charts' performance and from your readme I feel like you do pay attention to benchmarks and performance, here is a link with benchmarks on performance across different libraries (chart.js & echarts being the most widely used).
charts benchmarks

Cheers.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants