Коллеги, кто-нибудь передавал regexp паттерн компоненту в пропс?

Где я сказал, что я против нативного JS или решения задач на нем? Не вырывай из контекста.

ты пишешь "в обход всего" буд-то это плохо

и надо делать "пройдясь по всему" так чтоли?

:regexp=«/pattern/i»

не пропаливает

ты пишешь "в обход всего" буд-то это плохо

Да, конкретно в рассматриваемом случае - это плохо.

Да, конкретно в рассматриваемом случае - это плохо.

а конкретно что плохо? неправильно класс добавил?

:regexp=«/pattern/i»

ты прямо так и пишешь или через переменную передаешь?

вот я и уточняю

на данный момент в лоб

я думаю, что если записать в data { pattern : /blabla/i } и передать :regexp="pattern"

А если понадобится вмонтировать приложение на существующую страницу? Будешь гадить классами в body или потом рефакторить компонент? Модалка - это, что готовится, reusable компонент априори. Почему сразу не сделать как надо? (Пример высосан из пальца, но показателен)

то все будет ок

А если понадобится вмонтировать приложение на существующую страницу? Будешь гадить классами в body или потом рефакторить компонент? Модалка - это, что готовится, reusable компонент априори. Почему сразу не сделать как надо? (Пример высосан из пальца, но показателен)

у нас компонент модалки сам добавляет класс к боди (точнее к parentEl который указывается т.к. не всегда внутри body нужно показать модальное окно) вся логика работы с классом этим внутри модалки, ни app ни сторонние компоненты не вкурсе за это

Всем привет, как в Vue сделать transition по смене класса? Анимирую header, когда добавляется и убирается класс fixed нужно анимацию замутить. Но в доках нашел примеры с v-if  и v-show, но это не то.

Всем привет, как в Vue сделать transition по смене класса? Анимирую header, когда добавляется и убирается класс fixed нужно анимацию замутить. Но в доках нашел примеры с v-if  и v-show, но это не то.

keyframe анимации могут помочь

Всем привет, как в Vue сделать transition по смене класса? Анимирую header, когда добавляется и убирается класс fixed нужно анимацию замутить. Но в доках нашел примеры с v-if  и v-show, но это не то.

а встроенный компонент transition не подошел?

у нас компонент модалки сам добавляет класс к боди (точнее к parentEl который указывается т.к. не всегда внутри body нужно показать модальное окно) вся логика работы с классом этим внутри модалки, ни app ни сторонние компоненты не вкурсе за это

Зачем добавлять класс к боди когда можно нормально модалку сделать

Зачем добавлять класс к боди когда можно нормально модалку сделать

чтобы убрать прокрутку у окна - overflow:hidden вешается

есть идеи как "нормально" сделать?

Transition то подходит, только вот для появления и удаления элемента, либо v-show но это не смена класса на нужный мне. У меня компонент не исчезает, он отображается иначе. Нужно анимировать этот переход. Если есть пример как использовать transition когда добавляется и удаляется класс, то буду рад!=)

Есть но с мобилки свой компонент искать не буду)

Есть но с мобилки свой компонент искать не буду)

и каким образом ты запретишь скролл? preventDefault с листенером на scroll?

нужны пруфы)

и каким образом ты запретишь скролл? preventDefault с листенером на scroll?

орнул чёт

орнул чёт

ща мож дадут нормальную модалку, погоди)

и каким образом ты запретишь скролл? preventDefault с листенером на scroll?

а разве класть блок с макс z-index и 100vh 100vw с оверфлов не даст такого результата?

можно просто скролл делать на внутреннем компоненте который уже управляемый

а разве класть блок с макс z-index и 100vh 100vw с оверфлов не даст такого результата?

нет) получишь просто квадрат размером с экран в начале страницы)

а если абсолютно спозиционирован ?

вспоминаю модалки с затемненным задником - они же как-то это делают

ща мож дадут нормальную модалку, погоди)

Ну загугли. Я ток если вечером

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

Ну загугли. Я ток если вечером

погугли сам) что-то в духе - prevent scroll when modal show

но если экран перекрывает все - то там пофиг на скролл становится

там вариации на тему overflow)

погугли сам) что-то в духе - prevent scroll when modal show

Да я знаю это

вспоминаю модалки с затемненным задником - они же как-то это делают

&.no-scroll overflow: hidden height: 100%

на body вешай и скорлл отрубится

Ахаха

но если экран перекрывает все - то там пофиг на скролл становится

попробовал добавить див с position:absolute, top\right\left\bototm = 0 и все равно можно скроллить

главное что не видно что ты перекрыл )))

окно компонентом mounted хук

Маунтд срабатывает сразу после интциализации жс кода. :).

&.no-scroll overflow: hidden height: 100%

А нет, туплю. Я так и не нашел простого решения, для блокировки скрола и сделал просто модалку, которая поверх отображется.=)

или назначить ref и обратиться через него

То бишь только такой вариант остаётся?

Маунтд срабатывает сразу после интциализации жс кода. :).

Кода компонента если сама модалка компонент в условии v-if то маунтится он будет только когда выполнится условие

А нет, туплю. Я так и не нашел простого решения, для блокировки скрола и сделал просто модалку, которая поверх отображется.=)

А завтра тебе понадобится еще один компонент с потребностью в блокировке скролла. ?

Да и не зона ответственности модалки - блокировать скролл контента.

Да и не зона ответственности модалки - блокировать скролл контента.

как раз ее зона, блокировать скролл нужно только при открытом модальном окне ведь, значит эта логика принадлежит модалке

как раз ее зона, блокировать скролл нужно только при открытом модальном окне ведь, значит эта логика принадлежит модалке

С чего вы взяли, что его нужно блокировать?

С чего вы взяли, что его нужно блокировать?

контент модалки может быть больше высоты окна как пример

контент модалки может быть больше высоты окна как пример

Прокручивать свой контент она должна сама.

контент модалки может быть больше высоты окна как пример

В таком случае, насколько мне попадались модалки, делают скрол внутри контейнера

автоматически?)

откуда вы беретесь такие? этому хаку с overflow:hidden лет 10 уже

самое забавное, у вас нет решения "как надо" - просто не нравится текущее )

и технических аргументов против - тоже нет)

https://github.com/davidtheclark/no-scroll

? и там тоже пользуют overflow:hidden трюк

и технических аргументов против - тоже нет)

Хорошо, а что ты будешь делать если тебе понадобится диспетчеризатор диалоговых окон? А если тебе понадобится блокировать состояние приложения для других целей? (Симуляция синхронной операции, оффлайн режим без поддержки работы в нем)

Хорошо, а что ты будешь делать если тебе понадобится диспетчеризатор диалоговых окон? А если тебе понадобится блокировать состояние приложения для других целей? (Симуляция синхронной операции, оффлайн режим без поддержки работы в нем)

я тебе писал выше, твои вопросы 1) тупые 2) не имеют практического применения

Будешь накладывать overlay на overlay и в другом компоненте реализовать такой же механизм?

ты с таким же успехом можешь спросить - а что если я захочу ангуляр

мы не сказки сочиняем, а пишем приложеньки насколько их можно такими назвать

я тебе писал выше, твои вопросы 1) тупые 2) не имеют практического применения

А, ок, ясно.

давай конкретный кейс его и обсудим, а так просто холивар

диспетчеризатор диалоговых окон - сильно

10 лет в вебе работаю и не нужен он мнебыл

максимум что было - модалка в модалке, модалка поверх модалки поверх модалки

и то переписывали потом на вменямый UX

диспетчеризатор диалоговых окон - сильно

Видимо энтерпрайз задачи только в телевизоре видел?

Видимо энтерпрайз задачи только в телевизоре видел?

5ый год в энтерпрайзе))))

Ладно, надоело спорить не о чем. Пусть каждый остается при своем мнении.

переходить на личностную оценку не советую) это еще тупее, чем твои гипотетические ситуации

ты писал сам диспетчеризатор ? можно посмотреть?

или за уши притянул

ты писал сам диспетчеризатор ? можно посмотреть?

На Vue нет.

могу в пример привести только popup - его мы описывали как behavior для view. Попапчики между собой умели перекликаться по принципу pub\sub, открытие одного попапа, вело к закрытию другого

http://www.rlamana.com/ventus/code/examples/desktop/

http://www.rlamana.com/ventus/code/examples/desktop/

пример ниче, не поспоришь конечно, но это похоже на preview а не на что-то реально рабочее

пример ниче, не поспоришь конечно, но это похоже на preview а не на что-то реально рабочее

Это первый попавшийся в гугле пример кейса, о котором я говорю.

а это не твой)

а я уж хотел комплимент сделать))

10 лет в вебе работаю и не нужен он мнебыл

^

ну я за 10 лет и не пытался desktop в браузере написать)

задачи не стояло такой

ну я за 10 лет и не пытался desktop в браузере написать)

А ты это объясни энтерпрайзу. Они хотят как десктоп, но в браузере.

Мода нынче такая.

я в такой фирме не работал бы тупо)

у нас были подобные задачи, вытянуть веб интерфейс на десктоп

мы взяли хромиум и собрали свой браузер просто где сайт уже вшит в движок)

мы взяли хромиум и собрали свой браузер просто где сайт уже вшит в движок)

Офигеть решение, ничего не скажешь.

для одной известной БК, в качестве одного из инструмента обхода РКН блокировок домена

захотели браузер который сам умеет активное зеркало включать и работать с медленным соединением

Ругаться не есть хорошо, так что, обсудили, забыли. ?

спорить хорошо - когда оба хотят истину узнать,а не навязвать свое мнение)

я думал, что мне покажут какой-то ньюфагский вариант исполнения модальных окон)