Delay in rendering modus date-picker and modus-autocomplete web components
Prerequisites
- [X] I have searched for duplicate or closed issues
- [X] I have read the contributing guidelines
Describe the issue
In our 'Field Data' application, inside filter panel, we are using modus-autocomplete and modus date-picker components. On initial rendering of filter panel, all other components got rendered but these 2 components appear only after few seconds. This happens only initial rendering.
Reduced test cases
No response
What operating system(s) are you seeing the problem on?
No response
What browser(s) are you seeing the problem on?
No response
What is the issue regarding ?
@trimble-oss/modus-web-components
What version of npm package are you using ?
No response
Priority
High
What product/project are you using Modus Components for ?
Field Data
What is your team/division name ?
Geospatial - CPD
Are you willing to contribute ?
None
Are you using Modus Web Components in production ?
No response
Hello @venkyn13! Thanks for opening an issue. The Modus core team will get back to you soon (usually within 24-hours) and provide guidance on how to proceed. Contributors are welcome to participate in the discussion and provide their input on how to best solve the issue, and even submit a PR if they want to.
Please wait until the issue is ready to be worked on before submitting a PR, or you can reach out to the core team if it is time bound. For trivial things, or bugs that don't change the expected behaviors and UI, you can go ahead and make a PR.
@venkyn13 The behavior you are seeing is due to the component assets being loaded for the first time.
By default, Modus components are lazy-loaded, so all the assets related to the component are only loaded when it is rendered on the page. If you want to handle the bundling and lazy loading as part of your application, you can import the components from dist/components.
This has been resolved after we have updated modus package to 0.41.1v