Почему изменяется height?

Question

[jeruthadam]

По какой причине изменяется height textarea на несколько пикселей когда оно становится активно и начинаешь печатать и как это исправить?

mage3k.github.io/vue-autosize

<template>
  <div>
    <textarea v-autosize="someData">{{ someData }}</textarea>
  </div>
</template>

<script>
import autosize from 'autosize'

export default {
  data () {
    return {
      someData: 'Type shit here'
    }
  },
  directives: {
    autosize: {
      bind: function(el, binding) {
            var tagName = el.tagName
            if (tagName == 'TEXTAREA') {
              autosize(el)
            } 
          },

          componentUpdated: function(el, binding, vnode) {
            var tagName = el.tagName
            if (tagName == 'TEXTAREA') {
              autosize.update(el)
            }
          },
          unbind: function(el) {
            autosize.destroy(el)
          }
    }
  }
}
</script>

Comments

[Алексей Шашенков]

Скорее всего отключить import autosize from 'autosize'

[jeruthadam]

Алексей Шашенков: лол. так это все ради использования этой либы))

[Алексей Шашенков]

jeruthadam: Может вопрос не правильный? В примере высота меняется.

[jeruthadam]

Алексей Шашенков: што? а я про что говорю. height. мда.

[Алексей Шашенков]

jeruthadam: Так надо чтобы она менялась по мере ввода? Или не менялась?

[jeruthadam]

Алексей Шашенков: о боже, ты даже вопроса не епонял, нахер ты ответы пишешь?

[Алексей Шашенков]

jeruthadam: Если вопрос о сдвиге по высоте на пару пикселей, то надо сразу инициализировать autosize, а не по мере ввода.

[jeruthadam]

Алексей Шашенков: да, речь об этом сдвиге. Есть идеи как инициализировать эту библу, при этом оставив решение в виде директивы?

[Алексей Шашенков]

jeruthadam: Почитайте про жизненный цикл в VUE. Как вариант это mounted или created. И вам еще про ref надо почитать.

[jeruthadam]

Алексей Шашенков: так у меня ж директива. я про маунтед знаю. как это соединить с директивой. я сейчас инициализирую в директиве библу. что будет если я ее выведу в маунтед.

[Алексей Шашенков]

jeruthadam: Походу в самой либе что-то, вот так решил 24 строка

[jeruthadam]

Алексей Шашенков: любопытное решение. Если не трудно, можете пояснить механику этого фикса? Чето я не догоняю, что за таймаут выставляется.

[jeruthadam]

Все работает, спасибо. Выносите ответом, отмечу решением. Меня устраивает))

[jeruthadam]

А я понял, там видно при загрузке, через 1 милисекунду происходит изменение высоты. Ну ничего, вроде незаметно особо. Костыль конечно.

[Алексей Шашенков]

jeruthadam: Как есть. Но в сл раз лучше вопрос ставьте. Он не ясен.

[jeruthadam]

Алексей Шашенков: вот, кстати, еще такой вариант есть - https://github.com/egoist/vue-autosize-textarea/is...

Сделать бы так с директивой, ибо удобно...