fix: log in exceptionHandler, fix error dialog overflow

spraakbanken · Jan 27, 2025 · ff648ad · ff648ad
1 parent 328ee6e
commit ff648ad
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app/scripts/app.ts b/app/scripts/app.ts
@@ -34,6 +34,9 @@ import { getAllCorporaInFolders } from "./components/corpus-chooser/util"
 korpApp.factory("$exceptionHandler", [
     function () {
         return (exception: Error) => {
+            // Also log it to make the stack trace available
+            console.error(exception)
+
             // Cannot inject services normally here, because it creates circular dependencies
             const $uibModal = getService("$uibModal")
             const $rootScope = getService("$rootScope")

diff --git a/app/scripts/components/korp-error.ts b/app/scripts/components/korp-error.ts
@@ -7,9 +7,9 @@ angular.module("korpApp").component("korpError", {
     template: html`
         <div class="mx-auto flex flex-wrap items-center justify-center gap-8">
             <img src="${korpFailImg}" alt="{{'fail_alt' | loc:$root.lang}}" />
-            <div class="max-w-screen-sm text-lg flex flex-col gap-2">
+            <div class="w-full max-w-screen-sm text-lg flex flex-col gap-2">
                 <div>{{'fail_text' | loc:$root.lang}}</div>
-                <pre ng-if="$ctrl.message" class="bg-zinc-100 p-2 px-4 text-base whitespace-pre-wrap">
+                <pre ng-if="$ctrl.message" class="bg-zinc-100 p-2 px-4 text-base whitespace-pre-wrap break-words">
 {{$ctrl.message}}</pre
                 >
                 <div>{{'fail_contact' | loc:$root.lang}}</div>