Как я могу остановить скачок текста в этом увеличенном окне выбора дизайна начальной загрузки?

Question

У меня есть скрипка для этой проблемы, которую я не могу понять.

Я пытаюсь увеличить размер окна выбора в дизайне материала начальной загрузки. Он использует плагин selectize.

Вот МЕНЬШЕ, которое я использую:

.selectize-control.single,
.selectize-control.multi {
  .selectize-input, .selectize-input.input-active {
    font-size: 40px;
    input {
      font-size: 40px;
    }   
  }
}

Все в скрипке работает, кроме одного сценария. Если я выберу один из вариантов, а затем попробую выбрать второй, текст первого варианта немного сместится вниз, так что он находится прямо над строкой под ним. Как я могу остановить этот прыжок?

Answer 1

Вы, вероятно, разобрались с этим, но согласно предложению @Hywel Ress и использованию !importantможете закрепить input раз и навсегда:

JSFiddle

input[type="text"] {
    position: absolute !important;
}

Answer 2

Это исправило это для меня.

.selectize-control.single,
 .selectize-control.multi {
 .selectize-input,
 .selectize-input.input-active {
  font-size: 40px;
       height: 40px;
    line-height: 40px;
    white-space: nowrap;
   input {
   font-size: 40px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    }
    }
  }