camunda / camunda-bpm-platform

Flexible framework for workflow and decision automation with BPMN and DMN. Integration with Quarkus, Spring, Spring Boot, CDI.
https://camunda.com/
Apache License 2.0
4.03k stars 1.53k forks source link

Defect date field in forms #4404

Open tzmn27 opened 4 weeks ago

tzmn27 commented 4 weeks ago

Environment (Required on creation)

Camunda 7.19-7.22

JDK 17 Camunda run 7.21.0 Camunda Modeler 5.23 Tested on Edge and Chrome

Description (Required on creation; please attach any relevant screenshots, stacktraces, log files, etc. to the ticket)

I run into an issue with the date field in a form. When i am starting the task, the date field appears but i can’t save any entered value. If i set the field on required, i can’t complete the task, no matter of the input in the field. Also, the datepicker popup does not appear, like in the preview of the Modeler. The other input fields seem to work. Screenshot 2024-06-04 171136

Steps to reproduce (Required on creation)

From my GitHub project start the process 'Thesis' and enter data to proceed.

Observed Behavior (Required on creation)

Date field pop-up does not work, if set on required can't proceed

Expected behavior (Required on creation)

Date field popup works and after entering a date, completion of the form is possible

Root Cause (Required on prioritization)

flatpickr, a transitive dependency of form-js is not available after the webpack build. Gets tree shaken.

In 7.19 it looks like only the styles are missing, the date picker is kind of shown:

Solution Ideas

Add flatpickr to the webpack config similar to preact-markup and co.

Hints

Links

Forum https://forum.camunda.io/t/form-date-field-not-working-properly/52873 GitHub https://github.com/tzmn27/Thesis

Breakdown

### Pull Requests
- [ ] https://github.com/camunda/camunda-bpm-platform/pull/4456
- [ ] https://github.com/camunda/camunda-bpm-platform-ee/pull/955

Dev2QA handover

danielkelemen commented 3 weeks ago

Hi @tzmn27,

Thank you for reporting a bug and providing an example as well! I will test it soon and provide more feedback.

-Daniel

tzmn27 commented 1 week ago

Hi @danielkelemen,

do you have any update on that issue?

-Thomas

danielkelemen commented 1 week ago

Hi @tzmn27, I updated the issue. It is indeed a bug in our packaging. We will prioritize this and then provide a fix. -Daniel

danielkelemen commented 1 week ago

@tasso94, assigning for prioritization. It's a bug with date fields in forms. It's happening with all webpack versions and 7.19 also contains a styles bug with flatpickr.

tasso94 commented 1 week ago

Thanks! Let's try to fix it in the course of 7.22.0. We can consider backporting it.