erabo/spiegel-keyman
1
0
Fork 0
mirror of https://github.com/keymanapp/keyman.git synced 2026-09-24 08:37:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 12

fix(web): at min, mitigates non-collapsing option issue

Browse source
This commit is contained in:
Joshua A. Horton 2023-12-01 13:24:04 +07:00
parent d720bd9ade
commit 121e24a81e
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
web/src/engine/osk/src/banner/suggestionBanner.ts
View file

@ -159,6 +159,7 @@ export class BannerSuggestion {
this._textWidth = 0;
}
this.currentWidth = this.collapsedWidth;
this.updateLayout();
}
@ -427,6 +428,7 @@ export class SuggestionBanner extends Banner {
if(on && classes.indexOf(cs) < 0) {
elem.className=classes+cs;
if(this.highlightAnimation) {
this.highlightAnimation.cancel();
this.highlightAnimation.decouple();
}
@ -526,6 +528,8 @@ export class SuggestionBanner extends Banner {
*/
public onSuggestionUpdate = (suggestions: Suggestion[]): void => {
this.currentSuggestions = suggestions;
// Immediately stop all animations and reset options accordingly.
this.highlightAnimation?.cancel();
const fontStyleBase = this.options[0].computedStyle;
// Do NOT just re-use the returned object from the line above; it may spontaneously change
@ -764,6 +768,7 @@ class SuggestionExpandContractAnimation {
}
public decouple() {
this.cancel();
this.scrollContainer = null;
}
@ -773,6 +778,11 @@ class SuggestionExpandContractAnimation {
this.pendingAnimation = null;
}
cancel() {
this.clear();
this.option.currentWidth = this.option.collapsedWidth;
}
public expand() {
// Cancel any prior iterating animation-frame commands.
this.clear();