Osmwithspace/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Tone down scrolling behaviour after user test

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-09-11 17:36:08 +02:00
parent 86490643b6
commit d62974b1e3
1 changed files with 7 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/UI/Popup/TagRendering/TagRenderingEditable.svelte
View file

@ -48,16 +48,13 @@
} }
let htmlElem: HTMLDivElement let htmlElem: HTMLDivElement
$: { function enableEditMode(){
if (editMode && htmlElem !== undefined && config.IsKnown($tags)) { // EditMode switched to true yet the answer is already known, so the person wants to make a change
// EditMode switched to true yet the answer is already known, so the person wants to make a change // Make sure that the question is in the scrollview!
// Make sure that the question is in the scrollview! window.setTimeout(() => {
// Some delay is applied to give Svelte the time to render the _question_ // Some delay is applied to give Svelte the time to render the _question_
window.setTimeout(() => { Utils.scrollIntoView(<any>htmlElem)
Utils.scrollIntoView(<any>htmlElem) }, 50)
}, 50)
}
} }
const _htmlElement = new UIEventSource<HTMLElement>(undefined) const _htmlElement = new UIEventSource<HTMLElement>(undefined)
@ -132,9 +129,7 @@
<EditButton <EditButton
arialabel={config.editButtonAriaLabel} arialabel={config.editButtonAriaLabel}
ariaLabelledBy={answerId} ariaLabelledBy={answerId}
on:click={() => { on:click={() => enableEditMode()}
editMode = true
}}
/> />
{/if} {/if}
</div> </div>