Поведение форматирования выпадающего ввода пользовательского интерфейса Jquery в таблицах - PullRequest
0 голосов
/ 10 февраля 2012

У меня есть две проблемы, связанные с использованием раскрывающихся селекторов JQuery Mobile UI Framework в строках таблицы, которые я надеюсь на помощь с

Первое относится к высоте строки. Когда я помещаю раскрывающийся селектор в строку (которая иначе форматируется идентично окружающим строкам), это делает высоту строки значительно больше, чем все остальные строки - пример html и изображение поведения ниже;

<tr>
<td class="leftcol">
<div data-role="fieldcontain">
<select name="updown" id="updown">
  <option value="THP (psi)">THP (psi)</option>
  <option value="FBHP (psi)">BHP (psi)</option>
</select>
</div>
</td>
<td><input id=thp size="7"  type="number" style="width:85%" value="300" required></td></tr>

Resultant row height behaviour as rendered in iPhone shown below

Вторая проблема, с которой я столкнулся (с теми же данными), заключается в том, что когда я переключаю телефон в альбомную ориентацию, в то время как таблицы растягиваются, описание выпадающего списка фактически усекается (становится меньше), обрезая часть значения, которое было в противном случае отображается нормально в портретном режиме - есть идеи, как это предотвратить? Resultant table rendering in landscape mode with iPhone

1 Ответ

0 голосов
/ 10 февраля 2012

ОК, похоже, обе ваши проблемы связаны с <div data-role="fieldcontain">

Применяется класс ("ui-field-Содержит"), который имеет вертикальное поле 1em и есть некоторые медиа-запросы для изменения ширины в зависимости от ширины экрана.

Возьми это погружение, и тебе будет хорошо.

...