Можно ли так называть классы по БЭМ?

Ankhena, а вот с моим примером показали бы ?

Именно с button это меню как лучше по классам назвать?

Можно ли так называть классы по БЭМ?

strelok011, т.е. так будет лучше ?

<button type="button" class="menu-mobile__open">
     <span class="menu-mobile__line">0</span>
</button>

Можно ли так называть классы по БЭМ?

strelok011, спасибо, но у меня тут меню такое:

Т.е. как мне его сделать правильнее ?

<button type="button" class="menu-mobile__open">
     <span class="menu-mobile__open-line">0</span>
</button >

Можно ли так называть классы по БЭМ?

Ankhena, а могли бы показать как вы считаете более семантически правильно на моем примере ?

Я бы отметил ваш вариант )

Можно ли так называть классы по БЭМ?

strelok011,

я вам советую обратить внимание на семантическую часть

Хотелось бы видеть от вас реальные примеры, потому как во многих популярных интернет-магазинах сделано именно так, как я делаю

Можно ли так называть классы по БЭМ?

strelok011, ну покажите верстку, как вы бы семантически правильно сделали из моего примера ?

Можно ли так называть классы по БЭМ?

strelok011, модальное окно разве не может быть на весь экран ?

Пример у многих интернет-магазинов:

Можно ли так называть классы по БЭМ?

Ankhena, а где можно почитать что нужно использовать именно button ?

Я просто на многих сайтах видел иконки меню в виде дивов и лебелов

Как можно реализовать более правильное поведение кнопки с типом submit?

its2easyy, кнопка не должна отправлять форму только на мобильной версии, а на десктопной должна

Можно ли так называть классы по БЭМ?

Это не модал, а скорее просто menu-mobile__container.

У меня меню появляется в виде модального popup окна

Можно ли так называть классы по БЭМ?

Ankhena, вот пример:

- Почему-то кнопка сделана div'ом.

Потому что у кнопки есть свои стили, которые нужно будет обнулить

- menu-mobile__header-close - хотите сказать, что open это отдельная кнопка? Так нет же. Это одна кнопка (а никакой не div) с модификаторами.

У меня кнопка open имеет совершенно другие стили

- navbar-center в любом дизайне он будет центр? Может, у него смысл какой-то есть?

Да в нем я расположил логотип и поиск

Можно ли так называть классы по БЭМ?

Арсений Матыцин,

__icon звучит еще понятно, __modal уже заставляет меня задать вопрос, что же ты натворил, а __block загоняет в уныние. Ты имел в виду __content?

У меня меню появляется поверх контента:

Можно ли так называть классы по БЭМ?

Арсений Матыцин, а вот название menu-mobile__block здесь логично смотрится или вместо block что-то другое придумать ?
Просто пока что ничего другое в голову не приходит

Можно ли так называть классы по БЭМ?

У тебя тут row-space--between

Это лишнее, я правильно понимаю, что можно сделать такую вложенность ?

<div class="menu-mobile__block">
	<ul class="menu-mobile__list">
		<li class="menu-mobile__item">
			<span class=""></span>
		</li>
		<li class="menu-mobile__item"></li>
	</ul>
</div>

Как можно реализовать более правильное поведение кнопки с типом submit?

its2easyy, т.е. мне нужно использовать preventDefault(); для кнопки?

Как можно реализовать более правильное поведение кнопки с типом submit?

its2easyy, мне нужно, чтобы enter срабатывал и в мобильной версии

Как можно реализовать более правильное поведение кнопки с типом submit?

Антон Шаманов, мне нужно, чтобы enter срабатывал и в мобильной версии

или удалить у кнопки класс по которому биндится событие

Это как ?

Как запретить кнопку с типом submit реагировать на enter?

Андрей,

Попробуйте в своей последней версии понажимать на кнопку в уголочке.

А почему такой баг ?

Как запретить кнопку с типом submit реагировать на enter?

Андрей,

Уберите с кнопки тип сабмит вообще.

А зачем убирать тип сабмит, если у меня в десктопной версии есть кнопка с поиском ?


P.S. Я планирую менять в мобильной версии на тип button

Как запретить кнопку с типом submit реагировать на enter?

Андрей, правильно ?

https://codepen.io/Genri_Rus/pen/eYpvreg