modus-web-components icon indicating copy to clipboard operation
modus-web-components copied to clipboard

Delay in rendering modus date-picker and modus-autocomplete web components

Open venkyn13 opened this issue 1 year ago • 2 comments

Prerequisites

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. Bug - Modus delay

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

venkyn13 avatar Aug 23 '24 06:08 venkyn13

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.

github-actions[bot] avatar Aug 23 '24 06:08 github-actions[bot]

@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.

prashanth-offcl avatar Aug 27 '24 06:08 prashanth-offcl

This has been resolved after we have updated modus package to 0.41.1v

venkyn13 avatar Nov 11 '24 09:11 venkyn13