и у меня есть ряд полей ввода, которые изменяют свою ширину на основе изменений их содержимого с использованием некоторого встроенного JS и действуют как встроенный редактор ...
<input type="text" class="form-control form-control-lg " value="{{project.pname}}" placeholder="Project Name" onkeyup="this.size = Math.max(this.value.length, 1)">
Это работает, как и ожидалось, но яя замечаю, что все поля ввода имеют ширину по умолчанию при загрузке страницы независимо от стиля CSS (я удалил ширину 100% из начальной загрузки CSS, так что ширина CSS не имеет значения. Кажется, встроенный размер ширины ввода по умолчанию из браузеранастройки.)
В любом случае, это означает, что когда у меня короткие строки, у меня все еще остается широкое поле ввода, и хуже, когда у меня длинные строки, содержимое обрезается, пока я не сфокусируюсь на элементе и не нажму клавишу (даже вверх, внизвлево или вправо изменят размер окна, как и ожидалось.)
Существует ли какой-либо метод, позволяющий соответствующим образом изменить размер этих полей при загрузке страницы.