transitionend listen to opacity as top changed on resize of view

This commit is contained in:
the-djmaze 2024-07-07 23:33:29 +02:00
parent f644430a78
commit cd5ba2b000
2 changed files with 3 additions and 5 deletions

View file

@ -74,10 +74,10 @@ const
// vmDom.addEventListener('close', () => vm.modalVisible(false)); // vmDom.addEventListener('close', () => vm.modalVisible(false));
// show/hide popup/modal // show/hide popup/modal
// transitionend is called for each property, so we only listen to `top` // transitionend is called for each property, so we only listen to `opacity`
// as defined in CSS by `dialog:not(.animate)` // as defined in CSS by `dialog:not(.animate)`
const endShowHide = e => { const endShowHide = e => {
if (e.target === vmDom && 'top' === e.propertyName) { if (e.target === vmDom && 'opacity' === e.propertyName) {
if (vmDom.classList.contains('animate')) { if (vmDom.classList.contains('animate')) {
vm.afterShow?.(); vm.afterShow?.();
fireEvent('rl-vm-visible', vm); fireEvent('rl-vm-visible', vm);

View file

@ -11,12 +11,10 @@
*/ */
addEventListener('rl-vm-visible', e => { addEventListener('rl-vm-visible', e => {
const view = e.detail; const view = e.detail;
/* Not working
if (view && 'PopupsCompose' === view.viewModelTemplateID) { if (view && 'PopupsCompose' === view.viewModelTemplateID) {
view.to(rl.settings.get('DemoEmail')); view.to('<' + rl.settings.get('Email') + '>');
// view.to(view.from()); // view.to(view.from());
} }
*/
if (view && 'PopupsAsk' === view.viewModelTemplateID) { if (view && 'PopupsAsk' === view.viewModelTemplateID) {
view.passphrase('demo'); view.passphrase('demo');
} }