Откуда артефакты на сайте?

Александр, Это проблематично.
Есть на сайте чат службы поддержки.
Без него все ок.

Как быть в таком случае?

Откуда артефакты на сайте?

Hanneman, оно появляется на долю секунды.

Ну и в коде ничего подобного нету

Как высчитать коэффициент для расчета позиционирования скроллбара?

Сергей delphinpro, разобрался.

Отнял разницу между высотой моего ползунка, и высотой которая высчитывается. И теперь все пиксель в пиксель)

let scrollHeight = (scrollWrap.clientHeight * scrollVis.clientHeight / scrollVis.scrollHeight);
let scrollTop = (scrollWrap.clientHeight - 30 + scrollHeight) * scrollVis.scrollTop / scrollVis.scrollHeight;

Как высчитать коэффициент для расчета позиционирования скроллбара?

Сергей delphinpro, то есть мне вообще не нужно в таком случае высоту ползунка считать?
А положение топ сделать так?

let scrollTop = (scrollWrap.clientHeight - scrollBarHeight) * scrollVis.scrollTop / scrollVis.scrollHeight;

Как высчитать коэффициент для расчета позиционирования скроллбара?

Сергей delphinpro, Ну вот я это и пытаюсь сделать.
Проблема в том, что если я изменяю высоту ползнука, то при скролле в самый низ он слишком опускается

Как высчитать коэффициент для расчета позиционирования скроллбара?

RAX7, Что то не видно, что бы было норм.
Ползунок все так же маленький.

Как сделать такой эффект с текстом при появлении и обновлении страницы?

dinodp, кодить нужно в меру.

Мой рекорд 68 часов)

Как передать в дочерний компонет значения из стейта?

Все разобрался

/* Родительский компонент */
<valid-passwd
        :user_email="user_email"
        v-model="user_password"
        :password="this.$store.state.registrations.password"
        v-on:input="updatePass($event)"
></valid-passwd>

methods: {
  updatePass(newPass) {
    this.$set(this.$store.state.registrations, 'password', newPass)
  }

}


/* Дочерний компонент */
props: {
  password: {
    type: String,
    dafault: ""
  }
}

created() {
  this.$set(this, 'user_password', password)
}

methods: {
  handleSubmit () {
    this.$emit('input', this.user_password)
  }
}

Еще раз спасибо за помощь!

Как передать в дочерний компонет значения из стейта?

Спасибо за развернутый ответ.
По поводу замечаний - принял.

В общем, что есть на текущий момент.

Родительский компонент

<valid-passwd
                    :user_email="user_email"
                    v-model="user_password"

            ></valid-passwd>


 computed: {
            user_email: {
                get() {
                    return this.$store.state.registrations.user_email;
                },
                set(val) {
                    this.$store.commit('update_user_email', val);
                },
            },
            user_password: {
                get() {
                    return this.$store.state.registrations.password;
                },
                set(val) {
                    this.$store.commit('update_user_password', val);
                },
            },
        },

Дочерний

<input class="reg__label__input"
                       :type="passwdType" ref="passwdInput"
                       :value="user_password"
                       @input="eventPassInput($event)"
                       @blur="checkPlaceholder()"
                >
...

 handleSubmit () {
                this.$emit('input', this.user_password)
            },
// user_password лежит в data()
// handleSubmit лежит в eventPassInput()

Но значение не перезаписывается
Что то я упустил.
Мутации написал, возвращают все правильно(в родительском компоненте).

Почему TelegramAPI выдает 502 ошибку?

Оу
Даже не подумал об этом. Спасибо!