Ankhena, спасибо за ответ)
Решил вопрос изменив центровку. Сделал не Poition:relative и absolute, как в данном примере, а display: flex на родителя, и margin: auto на дочерний. По итогу, он не выпадает из потока и все ок.
Вот как, это хороший ответ. Хотел бы узнать, получается, что при любой обработке событий происходит сперва погружение, а потом всплытие? Я всегда думал, что без особого параметра погружения нет, и события работают только через всплытие.
Сергей Соколов, да это прикол, конечно) Спасибо за вашу внимательность. Самое забавное, что оно никак не проявлялось, пока я не ввел условие: ['n','n','n','n','n','s','s','s','s','s'] , где дебагером нашел эту ошибку только что)
Спасибо за такой лаконичный и красивый код. Я думал так написать, просто отдельно объект создать. Но Вы сделали супер ювелирно все) Хотя мне все еще интересно, почему не работает мое решение
Суть в том, что у меня никогда не бывает в массиве пар. Если скажем w видит , что в массиве есть e, то он удаляет e, а w выкидывает, просто не добавляет. И наоборот так же.
п.с Я уверен, что есть супер легкий алгоритм на такую задачу. но почему то пришла такая идея решить и по логике вроде все сходится, а в codewars проходит только 79 тестов, а 36 фейл. Возможно, я не понял условия задачи