Телеграмм чат группы sveltejs страница 6068

2020 December 17

DK

Dmitry Kurmanov in Svelte [svelt]

Arushwl

Ага. Запинить бы твой запрос...

Ну если еще есть те, кто ищет что поделать, то наверное да. А так я хз надо ли пинить :)

источник

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

СА

Сергей Артёмов... in Svelte [svelt]

Марк Танащук

Возможно что это даже проблема движка - недавно встретился с проблемой: у некоторых нод с position:fixed, top/left: 50%, transform: translate(-50%, -50%) заблюренный текст. Как оказалось - это проблема движка хрома и нужно ставить top/left: 49.99% или translateZ

Вам действительно всё ещё нужен такой хак?

источник

12:15пожаловаться #2

СА

Сергей Артёмов... in Svelte [svelt]

Dmitry Kurmanov

По поводу того, что нет бибилотек. Я как раз занимаюсь созданием библиотек. И сейчас как раз вакуум и мне нужны идеи для side проекта. Но хотелось бы делать не "в стол" а для кого-то :) Чтобы issue были. В общем, если у кого есть идеи каких-то библиотек для Svelte экосистемы, то я готов рассмотреть. Конечно желательно чёт сложное. Простые вещи проще руками под задачу писать :)

Интересуют идеи библиотек для UI/UX только, или DX тоже?

источник

13:00пожаловаться #3

DK

Dmitry Kurmanov in Svelte [svelt]

Сергей Артёмов

Интересуют идеи библиотек для UI/UX только, или DX тоже?

UI (хотя если это библиотека, то это тоже в каком-то смысле DX для юзера). Но я думаю, если высказать идею из DX, то хуже не будет. Может кто вдохновится...

источник

13:08пожаловаться #4

СА

Сергей Артёмов... in Svelte [svelt]

Dmitry Kurmanov

UI (хотя если это библиотека, то это тоже в каком-то смысле DX для юзера). Но я думаю, если высказать идею из DX, то хуже не будет. Может кто вдохновится...

Сомневаюсь, что тут кому-то будет интересна моя идея)
Мне бы хотелось bem-svelte, аналог (вряд ли форк) bem-react.
Но кому тут БЭМ нужен))

источник

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

МТ

Марк Танащук... in Svelte [svelt]

Сергей Артёмов

Вам действительно всё ещё нужен такой хак?

Если он нужен был мне, но несколько версий хрома назад, то он все еще нужен тем пользователям, у кого хром той же версии)

источник

13:14пожаловаться #6

МТ

Марк Танащук... in Svelte [svelt]

Это как минимум. Возможно такая же бага у других браузеров разных версий

источник

13:16пожаловаться #7

MG

Mike Golod in Svelte [svelt]

А что такого случилось в хроме?

источник

13:16пожаловаться #8

МТ

Марк Танащук... in Svelte [svelt]

Mike Golod

А что такого случилось в хроме?

https://t.me/sveltejs/128945

источник

13:17пожаловаться #9

MG

Mike Golod in Svelte [svelt]

А понял, спс

источник

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

СА

Сергей Артёмов... in Svelte [svelt]

Марк Танащук

Это как минимум. Возможно такая же бага у других браузеров разных версий

Наверное я не так понял, раз речь про баг.
Мне показалось, что это хак для позиционирования по центру с дофлексовых времён.

источник

13:18пожаловаться #11

СА

Сергей Артёмов... in Svelte [svelt]

Ааа) Это про баг как раз не так понял) Речь таки про центрирование. Или нет?

источник

13:19пожаловаться #12

МТ

Марк Танащук... in Svelte [svelt]

Сергей Артёмов

Наверное я не так понял, раз речь про баг.
Мне показалось, что это хак для позиционирования по центру с дофлексовых времён.

Нет, просто если фиксированной модалке(в моем случае) выставить top/left: 50% и translate(-50%, -50%) то у текста появляется блюр, как у filter: blur(2px)
И чтобы его(блюр) убрать нужно выставить либо число отличное от 50%(по типу 49.99 или 50.09) и/ли translateZ в пару пикселей.

Проблема движка хрома.
Например статья небольшая:

https://medium.com/@glaubermagal/fixing-weird-blurry-when-using-position-absolute-and-transform-translate-no-matter-percent-or-8885631ec088

источник

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

МТ

Марк Танащук... in Svelte [svelt]

В 2017 такое вообще противотанковым js скриптом решали
https://stackoverflow.com/a/42256897/13912694

источник

13:25пожаловаться #14

СА

Сергей Артёмов... in Svelte [svelt]

Марк Танащук

Нет, просто если фиксированной модалке(в моем случае) выставить top/left: 50% и translate(-50%, -50%) то у текста появляется блюр, как у filter: blur(2px)
И чтобы его(блюр) убрать нужно выставить либо число отличное от 50%(по типу 49.99 или 50.09) и/ли translateZ в пару пикселей.

Проблема движка хрома.
Например статья небольшая:

https://medium.com/@glaubermagal/fixing-weird-blurry-when-using-position-absolute-and-transform-translate-no-matter-percent-or-8885631ec088

Мой вопрос был в том, зачем в наше время пользовать хак top/left: 50% + translate(-50%, -50%) будто у нас флексов нет (не говоря уж о гридах)

источник

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

AP

Alexander Ponomarev in Svelte [svelt]

потому что это фиксед элемент

источник

15:06пожаловаться #16

СА

Сергей Артёмов... in Svelte [svelt]

Alexander Ponomarev

потому что это фиксед элемент

AnimatedSticker.tgs

(12.55 Кб)

источник

15:19пожаловаться #17

МТ

Марк Танащук... in Svelte [svelt]

Сергей Артёмов

Мой вопрос был в том, зачем в наше время пользовать хак top/left: 50% + translate(-50%, -50%) будто у нас флексов нет (не говоря уж о гридах)

Хрен его знает. Мне удобнее использовать margin для отступов а стародедовский left/right + translate для позиционирования по центру. Когда смешивается (что margin и для позиционирования и для отступов) так себе выглядит имхо

источник

15:21пожаловаться #18

МТ

Марк Танащук... in Svelte [svelt]

Дело привычки

источник

15:22пожаловаться #19

СА

Сергей Артёмов... in Svelte [svelt]

Alexander Ponomarev

потому что это фиксед элемент

что "нефиксированного" в модалке на флексах/гридах?

источник

15:23пожаловаться #20