Я пытаюсь автоматически увеличить / уменьшить ширину L.popup в листовке:
Сейчас я определяю это как часть содержимого содержимого всплывающего окна, чтобы выполнить тест этого автомата c изменение ширины:
<input type="file" font-family: monospace; id="inputFileToLoad" align="center" accept=".jpg,.jpeg,.png" onchange="this.size = Math.max(this.value.length, 0);mypopup.bindPopup({maxWidth : this.size+200});mypopup.update();read(this);"
Это автоматически изменяет размер входного файла в HTML успешно, и затем я вызываю mypopup.bindPopup ({maxWidth: this.size + 200}); и mypopup.update (); который, я думаю, должен успешно изменить ширину всплывающего окна.
С другой стороны, я определил mypopup как глобальную переменную и назначил его следующим образом:
mypopup=L.popup()
.setContent(imagePlaceholder)
.setLatLng(e.latlng)
.openOn(map);
Поверх всего как было объяснено, упомянутые инструкции работают при изменении размеров всплывающего окна, но нежелательным образом, по крайней мере в Edge при определенной длине текста входного файла, всплывающее окно начинает отображаться с очень большой высотой.
Что я мог сделать, чтобы достичь желаемого поведения?