mishapsv

Можно без фиксированной высоты синего блока и без absolute'а. Старый-добрый отрицательный margin + дополнительный padding сверху на размер border-radius.



Вообще, оную задачу можно решить множеством способов.

Update. В данном конкретном случае, т. к. макет из вопроса отличается от того, что вам нужно, то, модифицируя ваш код, можно так, например:



Обратного закругления в CSS нет. Только визуальными хаками это можно сделать.

потому что

@media @tablet {
            padding: 0 9px 0 27px;
            display: none;
            margin-right: 0;
            pointer-events: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

при уменьшении размера накладывается pointer-events: none;
и вложенные

<a class="tags__item" href="#0">First element</a>
<a class="tags__item" href="#0">Second element</a>
<a class="tags__item" href="#0">Third element</a>

перестают реагировать на события.

Ближайший элемент реагирующий на click оказывается div#tags, который собственно этот клик и ловит.
На линках кстати и курсор перестает становиться pointer, как только срабатывает @tablet

Не меняя разметки, да и стили только слегка: https://codepen.io/anon/pen/EdNqjp

Да, есть такие вещи. В целом задача называется классификацией.
Вот в точности описана ваша задача https://medium.com/@ilblackdragon/tensorflow-text-...

Можно попробовать Наивный Байесовский классификатор

Вам нужно сделать одно из двух
1) провести ребейз вашей ветки на ту ветку, куда делаете пул реквест
2) провести мерж в вашу ветку той ветки, куда делаете пул реквест

Первый вариант предпочтительнее второго, т.к. не создаёт лишнего мусора в коммитах.

codepen.io/GreatRash/pen/ORxYKN

Пробовал переустанавливать - все остается также.

это как?)

Если я правильно понял вопрос, вы хотите чтобы были нормальные имена у компонентов? Тогда вам просто нужно использовать не продакшен версию (скорее всего не .min файл, если вы с CDN грузите).

Ошибка в функции toogle1, у вас в contentReview хранится массив элементов, вы пытаетесь применить к нему свойство innerHTML, но это свойство должно применяться конкретно к элементу. Как вариант :

(function() {
	var contentReview = document.querySelectorAll('.reviews__text');
	var moreBtnReview = document.querySelectorAll('.reviews__more');
	var num = 120;
	for (var i = 0; i < contentReview.length; i++) {
		var bigTextReview = contentReview[i].innerHTML;

		var cutTextReview = bigTextReview.slice(0, num);

		moreBtnReview[i].style.display = 'none';
		if (bigTextReview.length > num) {
			moreBtnReview[i].style.display = '';
		  var vis = false;
			var toggle1 = function(key) {
          console.log(key);
		      if (!vis) {
		        contentReview[key].innerHTML = cutTextReview;
		        moreBtnReview[key].textContent = 'Подробнее';
		        vis = true;
		      } else {
		        contentReview[key].innerHTML = bigTextReview;
		        moreBtnReview[key].textContent = 'Скрыть';
		        vis = false;
		      }
		  };
		  moreBtnReview[i].addEventListener('click', function(key){return function(){toggle1(key);}}(i));
		  toggle1(i);
		}
	}
})();

Обратите внимание на строчку с замыканием

moreBtnReview[i].addEventListener('click', function(key){return function(){toggle1(key);}}(i));

сначала у вас на ссылку FAQ весит событие на клик, которое вызывает функцию - scroll в которой вы навешиваете еще одно событие на эту ссылку, и уже после второго клика срабатывает это новое событие, в котором и реализован скрол

Button внутри form по умолчанию имеет тип submit, и соответственно это событие формы и вызывает. Проще всего добавить обработчик onSubmit в элемент form.
Другой вариант добавить type='button' в элемент button. Но похоже отключение disabled у DOM-элемента не включает компонент, нужно render заново вызывать, и поэтому придётся логику checkbox переделать, чтобы связать с кнопкой через state компонента, типа <button disabled={this.state.checkrule}>
В случае type='button' в preventDefault вообще нет необходимости, действия по умолчанию не будет.

В общем, preventDefault не срабатывает, потому что не срабатывает onClick. С получением disabled из state работает.

*mailchimp
*litmus

getresponse как-то еще проверял, сейчас не знаю
и вот еще что-то emailonacid

Проще простого.
Для Outlook показываем таблицу, для остальных обычная div-ная верстка.

<!--[if gte mso 9]><table width="600" border="0" cellspacing="0" cellpadding="0"><tr><td><![endif]--> 
Блок1 
<!--[if gte mso 9]></td><td><![endif]-->
Блок2 
<!--[if gte mso 9]></td><td><![endif]-->
Блок3
<!--[if gte mso 9]></td></tr></table><![endif]-->

Можно через data attributes, например вот так. Но по-хорошему это лучше делать на стороне сервера - и загружаться будет быстрее, и без скриптов работать будет.

CSS нельзя изолировать, по этому лучшее решение - namespace. Это добавит уникальности стилям и не придется писать не нужный important везде.

.my_moudule_namespace--class_name {
    ...
}

Учтите так же тот случай, что вам, на всякий случай, придется прописать некоторые дефолтные значения заново. Так как сайт может их изменить. Например размер шрифтов, цвета ссылок, отступы по умолчанию и т.п.

Попробуйте к форме добавить атрибут novalidate
<form action="/search" method="get" novalidate>

www.w3schools.com/jsref/prop_form_novalidate.asp
по теме