Ну родительский должен быть на 100%, если дочерний нужен на 100%

это как?

Дай попробую догадаться, на бутстрапе?

Ну родительский должен быть на 100%, если дочерний нужен на 100%

тут немного другая проблема, main задан padding, которые ограничивают ширину, а есть div, который должен быть 100% ширины при выпадании при нажатии на кнопку

Либо основное окно дели на два блока, между ними нужный с height:0;

Либо Absolute.

Либо основное окно дели на два блока, между ними нужный с height:0;

проще код сккинуть

Никто не знает как получить ширину элемента со всеми margin, border итд?

ну <div style="width:100px; margin: 0 20px"></div> console.log(div.width) // 140

мне нужно понять что элемент вышел за границы родителя и не знаю как это сделать 🙁

мне нужно понять что элемент вышел за границы родителя и не знаю как это сделать 🙁

Так маргины это отступы и никак не попадут в границы элемента

<div id="test" style="width:100px"> <div style="width:40px"></div> <div style="width:50px; margin: 0 20px 0 20px"></div> </div> Можно ли определить, что #test переполнен, то есть 40+50+20+20 > 100 ?

изначально неизвестно что за стили будут у дочерних элементов

В смысле переполнен?

я бы для всех div из #test вытащил значение style и взял оттуда width... но может как-то проще можно

В смысле переполнен?

ну дети по ширине не влезают в него

я бы для всех div из #test вытащил значение style и взял оттуда width... но может как-то проще можно

ага, вот я и думаю как ее взять, да еще и учесть все возможные margin, border, box-shadow, что там еще может быть незнаю

Попробуй посчитать outerWidth у элемента

ну вот - раз это гугл: "get all elements from div" два это: "get style from div" и три это наверное style.match(/width:(\d+)/) - не знаю как оно там вытаскивается

Попробуй посчитать outerWidth у элемента

нет, к сожалению не дает реальную ширину 🙁

короче зачем мудрить - взять все элементы в div - сложить все width этих элементов и всё

нет, к сожалению не дает реальную ширину 🙁

Наверное, потому что ты сам не можешь понять, что хочешь получить, зачем тебе box-shadow, margin? Если это все вне твоего элемента

или там различный у всех margin/shadow?

тогда это какой-то компот уже

сделать всем одинаковый стиль - чтобы отличия были только в width

Наверное, потому что ты сам не можешь понять, что хочешь получить, зачем тебе box-shadow, margin? Если это все вне твоего элемента

Мне нужно получить реальные размеры всех дочерних элементов <div id="test" style="width:100px"> <div id="child1" style="width:40px"></div> <div id="child2" style="width:50px; margin: 0 20px 0 20px"></div> </div> child1[width(40px)] + child2[width(50px) + margin-left(20px) + margin-right(20px)] = 40+50+20+20 = 130px

сделать всем одинаковый стиль - чтобы отличия были только в width

да, нет возможности узнать что за дочерние элементы там и какие им заданы стили

возможно тут написано - лень читать - https://learn.javascript.ru/metrics

еще там есть https://learn.javascript.ru/coordinates

Иторфейсы-инторфейсики.

ммм, таймс нью роман 😄

ммм, таймс нью роман 😄

Где .-. ?

Нельзя обратиться к айфрейму если он со стороннего сайта?

Где .-. ?

Варус например

Варус например

https://fonts.google.com/specimen/Crimson+Text

кофескритп 2018

кофескритп 2018

я еще пишу на кофе)) язык сам норм, но конечно экосистема мертвая абсолютно

как вижу такой код у меня руки автоматически тянуться к хоткею prettier-а 😄

че за мода писать километровые строчки?

кофескритп 2018

Я ничаянно. Просто чет нажала и у меня все проекты стали на Кофе.

че за мода писать километровые строчки?

Для HTML - норм манера жи, ну.

А так у меня все ровненько.

Открытый онлайн-митап для веб разработчиков серии DEV Labs. 1 декабря в рамках пятичасовой онлайн-сессии: посмотрим на то, какие проблемы может решать JHipster и кому он может быть полезен, сгенерируем и запустим с помощью него простой проект; научимся перехватывать события перелистывания страниц и сортировки с помощью MatTable; узнаем что такое JWT токены, и о том, как работает JWT авторизация. Мероприятие будет проходить в субботу, в онлайн формате и будет бесплатным для всех желающих. Для участия в мероприятии необходимо зарегистрироваться http://www.soft-labs.net/ru/conf/dev_labs_2018_web/

Коллеги, привет. А кто-нибудь реализовывал oauth2 (Implicit grant type) авторизацию на фронте?

Какие образом получали токен? И самый главный вопрос как его обновлять?

Это как-то во фрейме делается или как?

Необходимо редиректнуть пользователя на auth server что бы оттуда получить access_token, вопрос - как обновлять токен, каждый раз при протухании (expire) снова редиректить?

Grant type - Implicit

Есть так называемый Silent Refresh, но он не относится к Oauth2 как я понимаю

Silent Refresh относится к OpenID Connect

Откуда?

через preloadedState?

как оно попадет в редакс?

аа, react_on_rails, понятно

помогите с css анимацией style="display: none; opacity: 0;" это меняется с помощью js, с css ставлю transition: opacity 1s ease-in-out;, но ничего не происходит

Короче я понял что надо делать через скрытый iframe

странно что здесь этого никто не знал

помогите с css анимацией style="display: none; opacity: 0;" это меняется с помощью js, с css ставлю transition: opacity 1s ease-in-out;, но ничего не происходит

Дисплей не анимируется

Дисплей не анимируется

но когда ставлю visibility то елементы все равно есть в html ? какие-еще свойства есть ?

но когда ставлю visibility то елементы все равно есть в html ? какие-еще свойства есть ?

Став опасити 0 и через таймаут дисплей нон

Став опасити 0 и через таймаут дисплей нон

ок, таймаут какой ск мс ?

Добрый день. Подскажите, пож-та, как правильно решать сл. задачу: Есть веб-интерфейс, где есть таблица с id машин от 1 до 10. Юзер выбирает нужные id и кидает их ajax'ом серваку, который список этих id передает скрипту, который создает видео video.mp4, где присутствуют только эти машины, в директории static/video-gen/. По успешному response я зануляю src video, а потом обновляю src video на тот же самый путь, что был ранее, чтобы загрузилось обновленное видео - все норм. Но посылая второй запрос ajax c другими id грузится старая версия видео(кешированная браузером). Как отобразить обновленное видео по старому пути? Проблема не возникает, если генерировать кучу видосов, где в имени фигурируют id машин, но это очень дурацкий костыль. Хепл, плиз.

ок, таймаут какой ск мс ?

Столько сколько трансишн идет

Столько сколько трансишн идет

да понял уже ))) спасибо работает

супер вопрос знатокам)) как сверстать такие кнопки?

супер вопрос знатокам)) как сверстать такие кнопки?

https://habr.com/post/126207/

там параллелограмм в середине статьи

супер вопрос знатокам)) как сверстать такие кнопки?

https://codepen.io/Heintzsight/pen/Hvwix

хех, всё правильно)) приза для знатоков у меня к сожалению нет 😄

прикольно, то что внутри текст надо в другую сторону изгибать)

Или есть какие-то другие варианты реализации? Может какое-то значение высоты меняется при появлении клавиатуры (как кое-какое значение ширины меняется при появлении скролла)?

дурная затея, придумайте что-то другое. особенно проблемы будут на иос хром.

с HolyJS будут куда то видоски сливать, никто не в курсе? 🙈

с HolyJS будут куда то видоски сливать, никто не в курсе? 🙈

у них свой канал https://www.youtube.com/channel/UC2Jwo4Q0s-ucjGseHP8XUSQ

Нельзя обратиться к айфрейму если он со стороннего сайта?

!

const Summary = (data: {name: string, percent: number}[]) => {

Как правильно сделать?

Ну блин?

Короче any

Отсыпь и мне

Че отсыпать то?