jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Scroll to date-picker error when it appears.

Browse source
This commit is contained in:
Chloe Herd 2023-07-20 09:09:04 -04:00
parent a233f17b18
commit faf7ce3db9
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/digital-components/date-picker/date-picker.vue
View file

@ -56,7 +56,7 @@
:class="[!isLoading ? 'date-picker-hidden' : '']" :class="[!isLoading ? 'date-picker-hidden' : '']"
loaderColor="blue" loaderColor="blue"
loaderPosition="center" /> loaderPosition="center" />
<div class="row form-test-error"> <div class="row form-test-error" id="date-of-month-error">
<ErrorMessage name="date-of-month" class="small mt-1"></ErrorMessage> <ErrorMessage name="date-of-month" class="small mt-1"></ErrorMessage>
</div> </div>
<button <button
@ -675,6 +675,12 @@ export default {
value: newValue, value: newValue,
}); });
}, },
errorMessage(newValue, oldValue) {
// Check for changing from no error message to some error message.
if (newValue && !oldValue) {
this.scrollToElement("date-of-month-error");
}
},
}, },
components: { components: {
loader, loader,