EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4470 ddmarker: Fix markers in wrong position sometimes

main
Dani Palou 2024-06-10 16:24:58 +02:00
parent 7cb9f1351c
commit e145748d93
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/addons/qtype/ddmarker/classes/ddmarker.ts
View File

@ -19,6 +19,7 @@ import { CoreEventObserver } from '@singletons/events';
import { CoreLogger } from '@singletons/logger'; import { CoreLogger } from '@singletons/logger';
import { AddonQtypeDdMarkerQuestionData } from '../component/ddmarker'; import { AddonQtypeDdMarkerQuestionData } from '../component/ddmarker';
import { AddonQtypeDdMarkerGraphicsApi } from './graphics_api'; import { AddonQtypeDdMarkerGraphicsApi } from './graphics_api';
import { CoreUtils } from '@services/utils/utils';
/** /**
* Class to make a question of ddmarker type work. * Class to make a question of ddmarker type work.
@ -692,17 +693,21 @@ export class AddonQtypeDdMarkerQuestion {
bgImg.src = this.imgSrc; bgImg.src = this.imgSrc;
} }
const imgLoaded = (): void => { const imgLoaded = async (): Promise<void> => {
bgImg.removeEventListener('load', imgLoaded); bgImg.removeEventListener('load', imgLoaded);
this.makeImageDropable(); this.makeImageDropable();
setTimeout(() => {
this.redrawDragsAndDrops();
});
this.afterImageLoadDone = true; this.afterImageLoadDone = true;
this.question.loaded = true; this.question.loaded = true;
// Wait for image to be visible, otherwise the calculated positions are wrong.
const visiblePromise = CoreDom.waitToBeVisible(bgImg);
await CoreUtils.ignoreErrors(CoreUtils.timeoutPromise(visiblePromise, 500));
visiblePromise.cancel(); // In case of timeout, cancel the promise.
this.redrawDragsAndDrops();
}; };
if (!bgImg.src || (bgImg.complete && bgImg.naturalWidth)) { if (!bgImg.src || (bgImg.complete && bgImg.naturalWidth)) {