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

Size: a a a

Svelte [svelt]

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

2020 September 13

Alexander Ponomarev in Svelte [svelt]

очень странное решение которое непонятно почему работает

источник

20:40пожаловаться #1

МТ

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

Alexander Ponomarev

очень странное решение которое непонятно почему работает

Кроме таймаута проще вариант существует?

источник

20:45пожаловаться #2

Alexander Ponomarev in Svelte [svelt]

да меня не интересует простота варианта, меня интересует какого черта оно работает, а то что написал radimir не работает =)

источник

20:46пожаловаться #3

МТ

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

Alexander Ponomarev

Хрен знает =\

источник

20:46пожаловаться #4

Alexander Ponomarev in Svelte [svelt]

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

источник

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

КС

Кирилл Спасибович... in Svelte [svelt]

Мне кажется лучше вместо дисплей нона обернуть в иф а фокус сделать на экшене

источник

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

КС

Кирилл Спасибович... in Svelte [svelt]

const focus = node => node.focus();

input use:focus

источник

21:00пожаловаться #7

КС

Кирилл Спасибович... in Svelte [svelt]

Либо setTimeout, либо getComputedStyle, в общем проблема та же, что синхронный код не дожидается рендера инпута

источник

21:01пожаловаться #8

МТ

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

Отличия:

Изначальный откомпиленный код radimir:

dispose = listen(button, "click", /*toggle*/ ctx[2]);

Инстанс:

function toggle() {
  $$invalidate(0, active = !active);
  inputEl.focus();
}

Мой вариант

dispose = [
  listen(button, "click", /*click_handler*/ ctx[2]),
  listen(button, "click", function () { 
    if (is_function(/*inputEl*/ ctx[1].focus())) /*inputEl*/ ctx[1].focus().apply(this, arguments);
  })
];

Инстанс:

const click_handler = () => $$invalidate(0, active = !active);

источник

21:03пожаловаться #9

radimir in Svelte [svelt]

setTimeout не помогает - только два последовательных обработчика события

источник

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

МТ

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

Марк Танащук

Отличия:

Изначальный откомпиленный код radimir:

dispose = listen(button, "click", /*toggle*/ ctx[2]);

Инстанс:

function toggle() {
  $$invalidate(0, active = !active);
  inputEl.focus();
}

Мой вариант

dispose = [
  listen(button, "click", /*click_handler*/ ctx[2]),
  listen(button, "click", function () { 
    if (is_function(/*inputEl*/ ctx[1].focus())) /*inputEl*/ ctx[1].focus().apply(this, arguments);
  })
];

Инстанс:

const click_handler = () => $$invalidate(0, active = !active);

Собственно мне кажется что мой вариант работает либо из-за синхронности js'а либо из-за этой строки вместо исполнения кода в инстансе

if (is_function(/*inputEl*/ ctx[1].focus())) /*inputEl*/ ctx[1].focus().apply(this, arguments);

источник

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

КС

Кирилл Спасибович... in Svelte [svelt]

radimir

setTimeout не помогает - только два последовательных обработчика события

Мне помогло на андроидовском ff, а как ты используешь setTimeout ?

источник

21:05пожаловаться #12

radimir in Svelte [svelt]

https://svelte.dev/repl/dc85be460ad842df917b5362b477d48f?version=3.25.0

источник