diff --git a/src/public/app/widgets/dialogs/note_type_chooser.ts b/src/public/app/widgets/dialogs/note_type_chooser.ts
index bc81ad999..06822e6ed 100644
--- a/src/public/app/widgets/dialogs/note_type_chooser.ts
+++ b/src/public/app/widgets/dialogs/note_type_chooser.ts
@@ -3,6 +3,7 @@ import type { MenuCommandItem } from "../../menus/context_menu.js";
import { t } from "../../services/i18n.js";
import noteTypesService from "../../services/note_types.js";
import BasicWidget from "../basic_widget.js";
+import { Dropdown, Modal } from "bootstrap";
const TPL = `
@@ -53,8 +54,8 @@ type Callback = (data: ChooseNoteTypeResponse) => void;
export default class NoteTypeChooserDialog extends BasicWidget {
private resolve: Callback | null;
- private dropdown!: bootstrap.Dropdown;
- private modal!: JQuery;
+ private dropdown!: Dropdown;
+ private modal!: Modal;
private $noteTypeDropdown!: JQuery;
private $originalFocused: JQuery | null;
private $originalDialog: JQuery | null;
@@ -69,14 +70,10 @@ export default class NoteTypeChooserDialog extends BasicWidget {
doRender() {
this.$widget = $(TPL);
- // TODO: Remove once we import bootstrap the right way
- //@ts-ignore
- this.modal = bootstrap.Modal.getOrCreateInstance(this.$widget);
+ this.modal = Modal.getOrCreateInstance(this.$widget[0]);
this.$noteTypeDropdown = this.$widget.find(".note-type-dropdown");
- // TODO: Remove once we import bootstrap the right way
- //@ts-ignore
- this.dropdown = bootstrap.Dropdown.getOrCreateInstance(this.$widget.find(".note-type-dropdown-trigger"));
+ this.dropdown = Dropdown.getOrCreateInstance(this.$widget.find(".note-type-dropdown-trigger")[0]);
this.$widget.on("hidden.bs.modal", () => {
if (this.resolve) {
diff --git a/src/public/app/widgets/dialogs/password_not_set.ts b/src/public/app/widgets/dialogs/password_not_set.ts
index c5e30712a..9b23649f3 100644
--- a/src/public/app/widgets/dialogs/password_not_set.ts
+++ b/src/public/app/widgets/dialogs/password_not_set.ts
@@ -23,7 +23,7 @@ const TPL = `
export default class PasswordNoteSetDialog extends BasicWidget {
- private modal!: bootstrap.Modal;
+ private modal!: Modal;
private $openPasswordOptionsButton!: JQuery;
doRender() {