diff options
| author | Elizabeth Hunt <elizabeth.hunt@simponic.xyz> | 2024-03-04 17:31:25 -0700 |
|---|---|---|
| committer | Elizabeth Hunt <elizabeth.hunt@simponic.xyz> | 2024-03-04 17:31:25 -0700 |
| commit | 110fe21a2340365b7b7cb72f6f44ad13ed39f4ea (patch) | |
| tree | a216b2c103f4903664d970993bc630e7a5a61269 | |
| parent | 8288d086480d88ac4237f19c194d5829157bac38 (diff) | |
| download | the-abstraction-engine-110fe21a2340365b7b7cb72f6f44ad13ed39f4ea.tar.gz the-abstraction-engine-110fe21a2340365b7b7cb72f6f44ad13ed39f4ea.zip | |
fix minor focus issues
| -rw-r--r-- | src/engine/entities/FunctionBox.ts | 17 | ||||
| -rw-r--r-- | src/typeshims/rainbowbrackets.d.ts | 1 |
2 files changed, 16 insertions, 2 deletions
diff --git a/src/engine/entities/FunctionBox.ts b/src/engine/entities/FunctionBox.ts index b7015f2..e51eb2b 100644 --- a/src/engine/entities/FunctionBox.ts +++ b/src/engine/entities/FunctionBox.ts @@ -1,4 +1,10 @@ -import { IMAGES, SPRITE_SPECS, SpriteSpec, Sprites } from "../config"; +import { + IMAGES, + Miscellaneous, + SPRITE_SPECS, + SpriteSpec, + Sprites, +} from "../config"; import { Entity, EntityNames } from "."; import { BoundingBox, @@ -77,7 +83,14 @@ export class FunctionBox extends Entity { return; } modalOpen = true; - openModal(this.code); + openModal( + `<div style="text-align:center"><p>${this.code}</p> <br> <button id="close">Close</button></div>`, + ); + + document.getElementById("close")!.addEventListener("click", () => { + closeModal(); + document.getElementById(Miscellaneous.CANVAS_ID)!.focus(); + }); }; this.addComponent(new Interactable(interaction)); diff --git a/src/typeshims/rainbowbrackets.d.ts b/src/typeshims/rainbowbrackets.d.ts new file mode 100644 index 0000000..ac9a2ff --- /dev/null +++ b/src/typeshims/rainbowbrackets.d.ts @@ -0,0 +1 @@ +declare module 'rainbowbrackets'; |