Как отделить событие на родительском элементе от событии на дочернем?

ksnk, хм, почему-то даже если выделить со второго ребенка (т.е. с конца) до первого, ставится таргетом все равно первый. В принципе, длинный пробел перед дочерними элементами решает проблему... Но только если родитель - не ссылка, т.е. можно выделить любую часть контейнера. В ссылке только с начала, работать должно и на ссылке. Что-то уже нет уверенности, что это вообще решается без адовых костылей). Ну или пойдем по пути наименьшего сопротивления и вместо якоря сделаем div, имитирующий якорь. Сейчас попробую.

Нужно ли помещать в стор все состояния компонента?

Вообще насколько помню из доки по Redux, там советуют делать отдельные стейты для данных, отдельные для состояния UI.

Нужно ли помещать в стор все состояния компонента?

Роман Якимчук, ну например состояние pending\loading может храниться для того, чтобы показывать пользователю спиннер. Спиннер расположен поверх всего, блокирует формы ввода\кнопки, чтобы пользователь ничего не натыкал. Или состояние формы - в случае, если форма отправляется, блокируем форму, чтобы пользователь не отправил еще одну вслед (пустую) или там не получил кучу ошибок валидации. Чем не вариант?

Как можно вызвать функцию аналогично Ajax?

viktorross, проверяйте ссылку, куда отправляется запрос :)

Формат

fetch('url') <--- отправляем GET-запрос по указанному урлу
.then((result) => ... )  <--- делаем что-то с ответом
.catch((err) => throw new Error(err)) <--- если пришла ошибка, ловим ее и кидаем

Вот, например, запрос на получение репозиториев, где есть слово "app" с гитхаба, в формате json, парсинг json и вывод в консоль.

fetch('https://api.github.com/search/repositories?q=app').then((res) => res.json()).then(result => console.log(result)).catch(err => console.error(err));

При отправке запроса возникает ошибка CORS, но данные приходят, как уйти от ошибки и забрать полученные данные?

Иван Шумов, ок, благодарю. То, что с CORS ничего не сделать с т.з. веба - это я знаю. И как настраивать свой бэкенд - тоже знаю.

Тогда разве что вопрос на кой там CORS, если данные можно вот так вытащить тупо из response, но уже вопрос к разработчикам ресурса...

При отправке запроса возникает ошибка CORS, но данные приходят, как уйти от ошибки и забрать полученные данные?

До этого в подобных случаях запрос просто валился и в качестве ответа приходила ошибка, а не список с данными. Это и смущает. Было бы так - вопроса бы не было)

Почему spread-оператор не возвращает массив из HTMLCollection?

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

Как указать this правильно?

ned4ded, благодарю! Теперь точно всё понятно :)

Как указать this правильно?

Алексей Ярков, спасибо) плохо быть одной ногой в древнем легаси, чего там только не встретишь

Как указать this правильно?

ned4ded, ага, работает и так, а почему работает? Куда копать, что почитать?) Т.е. насколько понимаю, если не использовать стрелочные функции, надо использовать bind?

из серии

.then(function(result) {  //тут что-то про связывание?..  })

Как типизировать rest-оператор при дестракчеринге?

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

Как отследить клик на contenteditable-контейнере?

Это если есть внесенные изменения. А если пользователь просто кликнул внутри контейнера, но ничего не ввел еще, вот это событие как-то можно отловить?

Как изменить значение input type="button"?

Забылось указать - надо как-то разделить событие "клика" и "редактирования". Наверное, лучше использовать клик как клик на кнопку, и двойной клик как доступ к режиму редактирования. Описание поправлено.

С contenteditable получится так сделать?

Можно ли установить элемент поверх родителя с такими параметрами?

leni_m,

На крайняк конечно можно программно через js поставить у mainBlock overflow: visible visible, тогда будет работать, но не факт, что не поломается все остальное. Поэтому сначала ищу менее деструктивные выходы.

Но, впрочем, это не помогло. Только в фиддле отработало, как надо.

Можно ли установить элемент поверх родителя с такими параметрами?

shmatuan, вот туда как раз доступа нет :( В этом и есть вся моя печаль

На крайняк конечно можно программно через js поставить у mainBlock overflow: visible visible, тогда будет работать, но не факт, что не поломается все остальное. Поэтому сначала ищу менее деструктивные выходы.

Можно ли установить элемент поверх родителя с такими параметрами?

shmatuan,

Тут просто вся проблема в right: -20px;

К сожалению, блоки hint должны именно выходить за границы блока mainBlock, т.е. в итоге должно выглядеть примерно вот так:

Я правильно понял, что нельзя сделать в виде ?
просто если сделать так, то всё очень просто получается)

Сделать можно, но что-то я все равно не пойму, как и что там установить, если все, что выходит за границы mainBlock, не накладывается поверх, а появляется скролл...

Можно ли установить элемент поверх родителя с такими параметрами?

shmatuan, например, как? Что-то в голову пока приходит только дублирование содержимого контейнера и наложение сверху...

Почему не выполняется reduce, если выполняется map?

Благодарю!

Почему не выполняется reduce, если выполняется map?

Спасибо, jQuery не так давно изучаю, оказывается, там есть свой map, вот и ввело в заблуждение. Век живи - век учись)

Как выбрать элемент с определенным классом для data-*?

Спасибо! Помогло!