Итак, у меня есть некоторый код Angular 7, который широко использует диалоги материалов, все прекрасно работает, когда я рассматриваю его как веб-страницу, но когда я пытаюсь загрузить его как расширение Chrome, все, кроме диалогов, отображается правильно.Когда открывается диалоговое окно, все окно расширения получает небольшую ширину.Я должен отметить, что диалоговое окно действительно появляется, все становится настолько маленьким, что его вообще невозможно использовать.
Я пытался воспроизвести это поведение при просмотре веб-страницы в небольшом окне, как с адаптивными настройками, так и безchrome.
Я думаю, что это может быть связано с разрешением, но я не знаю, что мне следует изменить.Однако я не получаю никаких ошибок на странице расширения chrome: // и ничего не записывается в консоль.
У меня есть следующие разрешения и csp в моем manifest.json
"permissions": [
"activeTab"
],
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
Как я использую диалоги:
Я вставляю MatDialog в конструктор службы, создаю функцию для этой службы, которая вызывает open(DialogComponent, {width: '25em', height: '25em', disableClose: true}) для введенного MatDialog.(Я получаю настройки из другого сервиса) и возвращаю afterClosed().toPromise().
DialogComponent получает MatDialogRef<DialogComponent>, вставленный в его конструктор.Некоторые из моих диалогов вызывают dialogRef.close с параметрами, некоторые не используют параметры.
Я добавил репозиторий github: https://github.com/erikknaake/dialog-reproduction/tree/master/dialog-reproduction
Я должен упомянуть, что это происходит в default_popup: "browser_action": { "default_popup": "index.html" }
Визуализация с расширением Chrome:
Ожидаемая визуализация:
Все остальное работает как положено:
Если вам нужна дополнительная информация, пожалуйста, спросите.