Поля ввода Meteor Autoform занимают только половину строки вместо целых строк

Я создаю панель администрирования пользователей, и мой модал добавления пользователей выглядит хорошо, когда каждый ввод занимает всю строку, а следующий ввод находится на следующей строке. В моем модальном редакторе пользовательские входы занимают только половину строки. Кто-нибудь видел такое поведение раньше?

Добавить шаблон пользователя:

<template name="addUser">
  {{#autoForm id="addUser" type="method" meteormethod="createUserwRole" collection="Users" resetOnSuccess="true" validation="keyup" }}
  <fieldset>
        {{> afQuickField name="username" id="username" autocomplete="off"}}
        {{> afQuickField name="profile" id="profile" autocomplete="off"}}
        {{> afQuickField name="emails.$.address" id="emails" autocomplete="off"}}
        {{> afFormGroup name="roles" options=options type="select-checkbox" id="roles"}}
    <div>
      <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#addUser">Submit</button>
      <button type="reset" class="btn btn-default">Reset</button>
    </div>
  </fieldset>
  {{/autoForm}}
</template>

Изменить шаблон пользователя:

<template name="editUser">
    <div>
      {{#autoForm id="editUser" type="method-update" meteormethod="createUserwRole" collection="Users" resetOnSuccess="true" validation="keyup" }}
      <fieldset>
            {{> afQuickField name="username" id="username" autocomplete="off"}}
            {{> afQuickField name="profile" id="profile" autocomplete="off"}}
            {{> afQuickField name="emails.$.address" id="emails" autocomplete="off"}}
            {{> afFormGroup name="roles" options=options type="select-checkbox" id="roles"}}
        <div>
          <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#editUser">Submit</button>
          <button type="reset" class="btn btn-default">Reset</button>
        </div>
      </fieldset>
      {{/autoForm}}
    </div>
</template>

Спасибо

1 ответ

Решение

Это может быть потому, что вы получили div, обертывающий вашу форму редактирования, но этого нет в вашей форме добавления. Если ваши div-ы имеют ширину по умолчанию, это может объяснить это. Я предлагаю сделать HTML соответствие, если вы хотите повторить макет.

Другие вопросы по тегам