eclipsesource / eclipsesource/jsonforms

Vue3 Vanilla Time & DateTime Renderer do not work as expected

Aperta
#2,156 5 commenti 0 reazioni 1 assegnatario Assegnata a @sdirix Vedi su GitHub
bug vanilla vue
Lingua principale
TypeScript
Stelle
2.7k
Fork
424
Merge medio
17g 8h
PR unite (30g)
1

Descrizione

### Describe the bug

Expectation:
I have a Date field (format=date), then I click on a day in the overlay and the day appears in the Input field and the overlay closes.

Actual situation:
If I have a Time/Datetime field (format=time/datetime) and I click on a time in the overlay, then the time appears in the Input field. When I want to close the window with a "click-out-side", the input field becomes empty again.

See here:
https://codesandbox.io/s/dazzling-water-tds7xh

is this behavior intentional?

the solution to the problem would be to use a v-model instead of a computed value in the datetime renderer.

### Expected behavior

I have a Date field (format=date), then I click on a day in the overlay and the day appears in the Input field and the overlay closes.

### Steps to reproduce the issue

1. Go to: https://tds7xh.csb.app/
2. Click on clock icon
3. Select a time
4. close the window with a click-out-side

### Screenshots

_No response_

### In which browser are you experiencing the issue?

Google Chrome 114.0.5735.124

### Which Version of JSON Forms are you using?

v3.*

### Framework

Vue 3

### RendererSet

Vanilla

### Additional context

I have fixed that behavior with a custom renderer, but it would be good to know if this is intentional or if there is a reason why it was solved this way.

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.