rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix accept animation in chrome

Browse source
This commit is contained in:
Julian Stirling 2025-08-28 17:21:51 +01:00
parent 212b8fe062
commit acb24d9713
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
webapp/src/components/labThingsComponents/inputFromSchema.vue
View file

@ -11,6 +11,7 @@
@focusin="focusIn"
@focusout="focusOut"
@keydown="keyDown"
@animationend="animationEnd"
/>
<sync-property-button @click="requestUpdate" />
</div>
@ -42,6 +43,7 @@
@focusin="focusIn"
@focusout="focusOut"
@keydown="keyDown"
@animationend="animationEnd"
/>
<sync-property-button @click="requestUpdate" />
</div>
@ -60,6 +62,7 @@
@focusin="focusIn"
@focusout="focusOut"
@keydown="keyDown"
@animationend="animationEnd"
/>
<sync-property-button @click="requestUpdate" />
</div>
@ -139,10 +142,6 @@ export default {
animate(updated) {
if (updated) {
this.animateUpdate = true;
setTimeout(() => {
this.animateUpdate = false;
this.$emit('animationShown');
}, 700);
}
}
},
@ -239,6 +238,10 @@ export default {
updateIsEdited: function() {
this.isEdited = this.deepStringify(this.internalValue) !== this.deepStringify(this.value);
},
animationEnd: function() {
this.animateUpdate = false;
this.$emit('animationShown');
},
deepStringify: function(val) {
if (Array.isArray(val)) {
return JSON.stringify(val.map(String));
@ -280,5 +283,7 @@ export default {
}
.flash {
animation: green-flash 0.7s ease;
/*Without this background-colour chrome will ignore the animation colour.*/
background-color: white;
}
</style>