ksnk, и что удивительного в отмене? При сабмите форм вон в 90 процентах случаев отменяют дефолтное поведение ради удобства - и ничего. Контекстное меню ооочень часто свое пишут (опять отмена). Это не значит что разработчики браузера дураки или упустили что-то. Есть скрипты, вот и дописывай поведение.
ksnk, ты хотел написать "делает не то что мне хотелось бы"? Это да. А что удивляет? Не нравится по умолчанию? Пишешь новое. Если не удалось написать через css-пишешь через скрипты.
Можно поискать ещё вебкиты на этот случай, но не думаю что такое есть ,по причине невостребованности .
VelTemLo, давай сделаем так - ты расскажешь как должен выглядеть адаптированный вариант для мобильников, а я предложу решение. Стили выглядят жутко как по мне) Когда заходит речь о простом внедрении отзывчивости, первое что приходит в голову - флекс/грид разметка.Все верстают на флексах/гридах.
calculator212, да,спасибо. На данном этапе я пришел к такому же выводу - ознакомиться с теорией,но не делать на ней каких-либо акцентов. А за рекомендацию спасибо - сейчас в море источников вроде "программирование для чайников за 15 минут" порой действительно сложно найти хорошую книгу. Ознакомлюсь обязательно.
Danila232, это первое что пришло в голову. Добавил комментарии в песочницу, может помогут разобраться. Также для простоты убрал лишнее переключение. Напоминаю - код к реальной жизни не имеет практически никакого отношения. Почти любые манипуляции с внешним видом элемента проводятся с помощью чистого css
В общем, что сказать. по 1 пункту - у тебя в функции получения координат поле с bottom закоментировано. Оно в принципе не должно работать. Идея размещения элемента правильная, смотри в примере, все работает.
По второму пункту - если у тебя позиция абсолют, то ожидать отзывчивости не стоит. Код устанавливает позицию для текущего размера элемента - на этом все. Чтобы в данном случае получить отзывчивость - нужно запускать функцию для установки размера при кажджом изменении размера элемента. ПОВТОРЮ - с реальной жизнью тут я не вижу ничего общего, все это делается стилями. Я в примере использовал обсервер, но можно и придумать другое решение.
По поводу пункта три - пример решения в песочнице.
Из "сделать рукками" я знаю два варианта - svg и canvas. Сделать не сложно, по факту анимировать два прямых отрезка, которые будут вычисляться динамически. Наверняка есть сторонние библиотеки, но я не подскажу - использовать что-то типа three.js для такого случая будет перебором.
Александр, похоже мне предстоит более тесное ознакомление с вопросами безопасности. На данный момент я не совсем понимаю ценность csrf токена. Политика использования куки вроде бы и так защищает от отправки запроса с сайта третьей стороны на мой сервер. Стоит мне сейчас заниматься разбирательством с csrf или в базовом случае достаточно настройки кук?