Обсуждений тред

[nerv_]

В статье BEM с человеческим лицом есть комментарий:

БЭМ — был полезен, но морально устарел. При современной компонентной разработке фронтенда, с возможностью инкапсуляции и байндинга стилей — вообще не нужен. Народ по иннерции пихает его куда можно и куда нельзя, но пора уже посмотреть на него свежим взглядом. Главная польза БЭМа в том, что в свое время он показал, что в стилях — должен быть порядок и за это ему спасибо.

кто что думает по этому поводу?

[yazonnile]

Вполне согласен. В новых проектах стили делаю через style-loader.
Профит в том, что по сути папка компонента является полноценным компонентом. Вьюшка + логика (react/flux) и стили

[kobezzza]

кто что думает по этому поводу?

Я продолжаю использоваться и не вижу проблем, т.к. использую препроцессоры (Stylus и Snakeskin, а в качестве MVVM юзаю Vue, но шаблоны для него генерит SS).

.b-button
  &__title
    color red

< .b-button
  < .&__title

[cyber]

В хроме творится какае то хрень с инпутом

<input type="text" value="1111111111111111111133333333333333333333332222">

<script>
  var inp = document.getElementsByTagName("input")[0];
  inp.onclick = function () {
   this.setSelectionRange(this.value.length,this.value.length ) 
 }
</script>

курсор перемещается в конец, но в инпуте текст на том же месте

[kobezzza]

preventDefault сделай

[devote]

preventDefault сделай

ему не поможет, смотря что ему надо... судя по коду:

this.setSelectionRange(this.value.length,this.value.length )

нужно поставить курсор в конец, для этого вызывать preventDefault не обязательно. А вот если хочет выделить весь текст, то нужно писать иначе:

this.setSelectionRange(0,this.value.length )

[cyber]

devote, оно ставит курсок в конец, но в input показвыает начало текст( только в хроме)
пробывал так https://jsfiddle.net/hsbea61b/1/ , но до ж...

preventDefault сделай

он прав

ему не поможет

[l-liava-l]

кто что думает по этому поводу?

Согласен

[Safort]

кто что думает по этому поводу?

Согласен, пора бы уже двигаться вперёд.

[devote]

оно ставит курсок в конец, но в input показвыает начало текст

<input type="text" value="1111111111111111111133333333333333333333332222">
 
<script>
  var inp = document.getElementsByTagName("input")[0];
  inp.onclick = function () {
   this.scrollLeft = this.scrollWidth;
   this.setSelectionRange(this.value.length,this.value.length )
 }
</script>