Default values not displayed on refresh about intercooler-js HOT 5 CLOSED

Can you explain the overall experience you're trying to implement? If I understand correctly, you have an input widget for selecting a month and year, and then you want to update a calendar view below the input widget when the date is changed. Is that right?

from intercooler-js.

That's correct. And the code above works. The issue I have is that , on refresh, the default values for the form (today's month and today's year) are not displayed.

In more detail:

1. the user select , say, March and 2020
2. press submit
   --> the calendar is correctly updated
3. then , for whatever reason, the user presses refresh
   --> the calendar gets correctly updated with the default values (today's month and today's year)
   But the form still shows March and 2020.

What is interesting as well is that the page source shows that the form is correctly initiated with the initial values (today's month and today's year) but the page still displays March and 2020.

Does this make sense ?

from intercooler-js.

Yes, that makes sense but I don't think it's related to Intercooler. Check out this gist where I think I captured a UI similar to what you explained: https://gist.github.com/adamstep/186c56500afd05b4179e562b9cbe5b42

When I refresh, I get the same default date in the input and the display below. It sounds like maybe the web browser is remembering the previous input. Which browser are you using to test?

from intercooler-js.

I see, thank you for testing!
I am using Firefox. Would you know a way I could prevent that from happening ?

Also I may not be testing correctly but I cleared cache & cookies on Firefox, subsequently refreshed the page but the wrong date persist (March and 2020 in my example above).

Then again I tested the behaviour of the code on safari and I do not have that problem: on refresh, the default values for the dates are correctly displayed.

from intercooler-js.

turns out it's a Firefox-specific issue. This helped: https://stackoverflow.com/questions/4831848/firefox-ignores-option-selected-selected

I added an id to my form and :

window.onload = function() { document.forms['date_form'].reset(); };

to my js and all is well.

Thank you for your help Adam !

from intercooler-js.