Доступны ли высота и ширина для веб-компонента? - PullRequest
0 голосов
/ 15 февраля 2020

Я пишу веб-компонент, для которого мне нужно знать доступную высоту и ширину, когда пользователь помещает его на свою веб-страницу. Веб-компонент оборачивает все в Shadow DOM и включает потенциально прокручиваемую часть, по крайней мере, в направлении высоты. Помимо этого он включает в себя такие вещи, как <details><summary>....

. Я пытаюсь найти стратегию для этого. «Доступные высота и ширина» могут быть не очень хорошо определены в этом сценарии.

Любое предложение, что я могу использовать? Любое предложение для уточнения моего вопроса?

1 Ответ

1 голос
/ 18 февраля 2020

Извините, но ваше описание довольно запутанно, если честно. Если вы не предоставите изображение или пример кодирования, людям будет сложно помочь.

При этом у меня есть ощущение, что вы пытаетесь решить проблему, которая не должна решаться через Интернет. реализация компонентов и должна быть решена пользователем. Например, если вам требуется, чтобы компонент имел минимальную высоту для отображения изображения и деталей, тогда присвойте ему значение min-height (которое может быть установлено динамически на основе данных), и пользователь должен использовать его. правильно (т.е. поместите в место, где достаточно места).

Или, если вы хотите, чтобы компонент был как-то отзывчивым, я думаю, вы могли бы использовать ResizeObserver API, который позволил бы вам наблюдать за изменениями ширины и высоты компонентов. Обратите внимание, что в настоящее время он недоступен в Safari или IE. Если вам нужно поддержать тех, для этого потребуется полифилл типа этот .

...