Телеграмм чат группы nuxtjs

Size: a a a

Nuxt.js — русскоговорящее сообщество

1024 membersпожаловаться на группу

2019 December 10

Yura Silanov in Nuxt.js — русскоговорящее сообщество

можно чуть подробнее?)

источник

10:29пожаловаться #1

Yura Silanov in Nuxt.js — русскоговорящее сообщество

а.. ивент.. дошло
а еще что-нибудь?

источник

10:32пожаловаться #2

Константин in Nuxt.js — русскоговорящее сообщество

Yura Silanov

а.. ивент.. дошло
а еще что-нибудь?

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

источник

10:35пожаловаться #3

Константин in Nuxt.js — русскоговорящее сообщество

А если он компонент, то просто второй попап сунуть, куда надо)

источник

10:36пожаловаться #4

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество

Константин

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

а кто сказал, что он не компонент, но в лейауте?)

источник

10:36пожаловаться #5

Константин in Nuxt.js — русскоговорящее сообщество

Никто не обидится на два попапа

источник

10:36пожаловаться #6

Константин in Nuxt.js — русскоговорящее сообщество

Один то не виден

источник

10:36пожаловаться #7

Yura Silanov in Nuxt.js — русскоговорящее сообщество

поап - компонент, вставляется на уровне layout
чтобы нигде не было проблем с наложением z -index

источник

10:37пожаловаться #8

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество

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

источник

10:37пожаловаться #9

Константин in Nuxt.js — русскоговорящее сообщество

А в чем подводные камни z-index 9999?

источник

10:41пожаловаться #10

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество

Константин

А в чем подводные камни z-index 9999?

мухахахха

источник

10:41пожаловаться #11

Константин in Nuxt.js — русскоговорящее сообщество

Просвяти)

источник

10:42пожаловаться #12

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество

Константин

А в чем подводные камни z-index 9999?

https://jsfiddle.net/nynsjv3L/1/ получи гранату ;)

jsfiddle.net

Edit fiddle - JSFiddle

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

источник

10:43пожаловаться #13

Yura Silanov in Nuxt.js — русскоговорящее сообщество

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context

Веб-документация MDN

Контекст наложения (stacking context)

Контекст наложения (stacking context) это концепция трехмерного расположения HTML элементов вдоль оси Z по отношению к пользователю, находящемуся перед экраном. HTML элементы занимают это место по порядку, основанному на атрибутах элемента.

источник

10:43пожаловаться #14

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество

Vladimir 💊 Voytenko

https://jsfiddle.net/nynsjv3L/1/ получи гранату ;)

jsfiddle.net

Edit fiddle - JSFiddle

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

z5 над z10 ;)

источник

10:44пожаловаться #15

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество

а еще не дай бог тебе понадобится открыть что-то поверх модалки у которой z999999..

источник

10:44пожаловаться #16

Константин in Nuxt.js — русскоговорящее сообщество

opacity: 1 и прозрачность с помощью альфа-канала цвета это лечат)

источник

10:51пожаловаться #17

Константин in Nuxt.js — русскоговорящее сообщество

а открывать что-то поверх модалки странный ux-кейс

источник

10:51пожаловаться #18

Константин in Nuxt.js — русскоговорящее сообщество

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

источник

10:54пожаловаться #19

ИБ

Илья Бельский in Nuxt.js — русскоговорящее сообщество

Vladimir 💊 Voytenko

а еще не дай бог тебе понадобится открыть что-то поверх модалки у которой z999999..

я как то столкнулся с контентом на котором стоял zindex 100500

источник

10:58пожаловаться #20