Как настроить popover, чтобы он был такой же ширины, как его ion-select

Question

У меня проблема с компонентом ion-select, который является шириной элементов popover. он не соответствует размеру родительского иона select.

Я попытался исправить эту проблему с помощью события onclick, как показано ниже:

[(ngModel)] = "value"[id] =" id "class =" ps-select "[okText] =" okText "[cancelText] =" cancelText "[множественный] =" false "[interface] =" popover "[placeholder] =" placeHolderTrans "> {{item.description}}

ts file:

onClick (event) {this.divwidth = event.srcElement.clientWidth;this.cssclass = document.querySelector ('. popover-content') как HTMLElement;console.log ("sudfasu", this.divwidth);this.cssclass.style.width = this.divwidth;}

но когда я пытаюсь поймать div с классом "popover-content", я всегда получаю сообщение об ошибке 'Cannot read property' style 'of null'

может кто-нибудь помочьмне с этой проблемой или есть ли другой способ установить ширину элементов списка поповера?

Answer 1

Мне удалось назначить ширину popover с помощью переменных Css, определить ее в app.scss и назначить их в моем файле ts

в app.scss

: popwidth {--ширина: 0px;}

[dir = "ltr"] .select-popover .popover-content {width: var (- width);}

file.ts

onClick (событие) {
this.divwidth = event.srcElement.clientWidth;let popwidth = document.documentElement;popwidth.style.setProperty ('- width', this.divwidth + "px");}