Comments (4)
I was using my notebook (~5 year old, rather low-performance Intel Core i7-7500U) when creating this issue. Now back on my PC (much more performant AMD Ryzen 9 7950X) the same example renders at around 40ms for the mouseenter event. However a 4x CPU slowdown (to get to more "average" CPU levels) again results in quite a lag and >100ms for the event.
On both my notebook and PC I'm using Manjaro Linux (running 6.9.0-1) and version 124.0.6367.155 of chromium.
In my local setup I'm using the latest FormKit versions (1.6.3 and 0.125.8 for pro), I assume the same versions as in the playground.
I can also confirm that the example you posted with the value-format
prop has quite the lag, even without CPU throttling. The mouseenter event takes about 130ms. And with 4x CPU slowdown it's 600ms π
from formkit.
I do see a performance hit when using the value-format
prop and having a value applied:
https://formkit.link/49d30a3d2b8049386969bec88e0b41b9
However I donβt see the same performance issue in the example you posted. Either way we need to address this, but are you still seeing the issue in your posted example: https://formkit.link/fe4ec94aa80661e9281fea631334bd90
Maybe some screen captures and more environment details would be helpful too such as the OS and version of formkit and formkit pro.
from formkit.
@dulnan Hey there! We took a look at this issue. Our initial benchmarks for performance at 6x CPU throttle when hovering over the day cells was ~72ms and ~185ms with the value-format
prop assigned. At FormKit Pro v0.126.5, these numbers are now both down to around ~22ms. Let us know if you're seeing this improvement as well after updating.
from formkit.
@dulnan Hey, I'm actually going to close this for now. Let me know if you are still having significant latency issues.
from formkit.
Related Issues (20)
- Mask: Modify Tokens example / functionality is broken
- Using keyboard to navigate outside of current month closes datepicker. HOT 1
- Togglebuttons with multiple attribute returns array of selected strings when on-value is set HOT 3
- Datepicker day cells should probably have user-select set to none in Regenesis. HOT 1
- Slider input with multiple handles glitches when linked inputs are visible and handles cross over eachother
- Datepicker giving `Invalid offset: -00:36.75` in all demos HOT 2
- Bullets are displayed in repeater inside schema HOT 2
- Focus state triggered when setting value programmatically HOT 2
- Add support for border and controls for collapsing the group and list type
- Automatically position datepicker panel wrapper
- Currency input not handling min and max with step of 1000 well.
- [Pro] Slider: Chart breaking after data update
- [pro] pro components not rendering in nuxt project HOT 1
- [Curreny] Option to hide the currency
- Datepicker - Unable to set custom validation message for rule 'invalidDate'
- Improve error message when duplicate keys are detected (in __DEV__) HOT 3
- `datepicker`: Weekdays do not honor locale HOT 2
- Forms remain disabled after rejection of submit handler promise
- Custom classes for text inputs broken HOT 2
- repeater using class names as invalid selector with `querySelector`
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 formkit.