Почему value у input type = radio равен undefined?

JackShcherbakov, в этом отличие inline html хандлеров.
С ними может быть два варианта:

<input type="radio" name="oss" value="i'mrobot" onchange="change(event)">

<script>
function change(e){
  console.log(this); // тут this ссылается на window
}
</script>

<script>
"use strict";  // активируем строгий режим

function change(e){
  console.log(this); // тут this ссылается на undefined
}
</script>

Мой вам совет, вообще никогда не используйте inline хандлеры. Как минимум, ваш код будет читаемей.

Почему value у input type = radio равен undefined?

Данил Разумков, там все передается, но можно и не передавая аргумент, ловить event прямо в
теле функции:

function change() {
  alert(event.target.value);
}

У меня так было в первой версии ответа, вы видимо увидели и не сообразили.
event глобальный объект - он доступен всегда и везде.
Демо: https://jsfiddle.net/6w09fauc/

Почему value у input type = radio равен undefined?

Ваше решение с текущей реализаций не заработает, даже при подключении jquery. Только если хандлер переписать. Или использовать:
$(event.target).val()
Если не знаете почему, то бегом изучать основы js.
Вот вам демо для раздумий: https://jsfiddle.net/2fzwxj50/
загляните в консоль. jquery подключен.

Почему value у input type = radio равен undefined?

Данил Разумков, вы какой-то маразм сейчас написали, простите.
Вот мое решение https://jsfiddle.net/48gx3fh5/
Оно же в ответе. А у вас какая-то туфта. Вы зачем-то передаете аргументом выражение:
<b>event</b>t
смысл которого понятен, видимо, только вам.
Не знаю, что вы этим хотели сказать.

Почему value у input type = radio равен undefined?

Данил Разумков, покажите где? У меня передается onchange="change(event)". А onchange="change(el)" работать не будет, так как объекта el нет в глобальном скоупе.

Почему value у input type = radio равен undefined?

Данил Разумков, как и полагается, в e передается Event.

Почему value у input type = radio равен undefined?

JackShcherbakov, вот демо https://jsfiddle.net/48gx3fh5/ . Все отлично работает.

Скрипт не успевает выполняняться?

Exploding, посмотрите еще _.debounce, тоже очень крутая штука. Возможно, в данном случае, даже будет лучше использовать ее.

Александр, попробуйте еще _.debounce c меньшим таймаутом(например 300). Может, вам она даже больше подойдет. Ну, и просто знайте, что такая функция есть.

Об отличиях:
https://habrahabr.ru/post/60957/
https://webdevkin.ru/posts/frontend/kak-ispolzovat...

Как в webpack зделать синхронную подгрузку чанков?

Вы имели ввиду последовательную? Вопрос зачем?

Почему не срабатывает z-index?

Влад, с минимальными трудозатратами вы можете:
1. убрать у .R-col position: relative, но это может что-то поломать в вашей верстке.
2. перенести модалку в body. Отличное решение.

Могу ли я отказаться от проекта?

Странно, что вы его вообще взяли. Сам ушел из Angular разработки из-за необходимости колупаться во всяком старье. Попробовал React и больше я к Angular ни за что не вернусь.

Почему не срабатывает z-index?

Влад, выносите модалку из .R-col. А зачем, вообще, .R-col выставлен z-index: 20?

Почему не срабатывает z-index?

Влад, ответ тут https://jsfiddle.net/ycyym828/
Попробуйте изменить в песочниче z-index для .relative с 10 на 11.
У вас на сайте .columns > .R-col с z-index: 20 и modal-backdrop с z-index: 20
Получается такая же ситуация как в песочнице.

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

Откройте гугл и посмотрите, как это правильно делается. Ваша функция сlone ничего не клонирует. Возвращает инстанс Clone с записанной в прототип ссылкой на инстанс TestObject.

В строке ниже вы только записываете ссылку на объект testObj в прототип Clone, вы не делаете его копию:
Clone.prototype = this;
Пока вы не понимаете почему передается лишь ссылка, дальнейшие рекомендации бессмысленны.
Учите самые основы js.

Всегда показывать размеры viewport opera?

утилиту свою напишите, там пара строк js + css

Насколько хорош этот код? Или можно лучше?

Exploding, точно! Что-то я забываю о мелочах.

$('body').on('click', '.dropdown', function(e) {
  $('.dropdown').not(this).removeClass('active');
  if (e.target === this) $(this).toggleClass('active');
  e.stopPropagation();
});

$(document).click( function(){
  $('.dropdown').removeClass('active');
});

https://jsfiddle.net/wmo4m2d7/

Да, вариант с closest хорош, хоть и больше опирается на детали реализации. Меньше слушателей.
Может правда поломаться, в случае добавления второго дочернего элемента контейнера, но это выходит за рамки текущей задачи.

Насколько хорош этот код? Или можно лучше?

Exploding, точно!
Получается вариант:

$(document).on('click', '.dropdown', function(e) {
  $('.dropdown').not(this).removeClass('active');
  $(this).toggleClass('active');
});

от варианта автора будет отличаться, только тем, что во варианте автора активный элемент dropdown, помимо всего прочего, закрывается по клику в любом месте документа вне dropdown. Можно попробовать и это лаконично решить.

Навскидку такой вариант в голову пришел:

$('body').on('click', '.dropdown', function(e) {
  $('.dropdown').not(this).removeClass('active');
  $(this).toggleClass('active');
  e.stopPropagation();
});

$(document).click(function(){
   $('.dropdown').removeClass('active');
});

Демо: https://jsfiddle.net/qpf9z9cb/

Как лучше всего разрабатывать свою сетку на Grid через классы?

Иван Смирнов, математика. Абсолютное позиционирование и transform translate для координат. Ширина элементов и координаты подстраиваются под ширину браузера. Все обрабатывается с помощью js
У самой библиотеки в зависимостях react-druggable и react-resizable

Насколько хорош этот код? Или можно лучше?

Neyury, я сам уже два года как работаю исключительно с React. Хорошо понимаю эту разницу.
Касательно нативного js? написать интерактивные элементы на нем можно, не спорю, и сейчас это сделать гораздо легче. Но зачем? Даже команда twitter не отказалась от использования jQuery в Bootstrap 4 потому что в этом нет никакого смысла. Так их библиотека легче, а модернизировать ее гораздо быстрей. Не соглашусь с вами, насчет JQuery в прошедшем времени. Он пока остается хорошим решением для небольших проектов, и лучшим чем нативный js, по четырем простым причинам:
1. Экономит время и деньги.
2. Стандартный известный каждому разработчику API. Не надо искать людей согласных поддерживать ваши самописные велосипеды.
3. Огромное количество библиотек и плагинов тот же Bootstrap, многочисленные галереи, анимации , эффекты, слайдеры, и пр.
4. Нет объективных причин его не использовать.

Насколько хорош этот код? Или можно лучше?

pavelkunyavskiy, ну если у вас настолько плохо с js, давайте объясню:
1. в версии автора используется делегирование событий,
2. в версии автора может быть только один активный элемент, если их много.