skuvaWeb

class Component {
  constructor(element) {
    this.element = element;
    this.button = this.element.find('.button');

    this.bindListeners();
  }

  onButtonClick() {
    alert();
  }

  bindListeners() {
    // Вариант 1 
    this.button.addEventListener('click', () => {
      this.onButtonClick()
    })

     // Вариант 2 
    this.button.addEventListener('click',  this.onButtonClick.bind(this))
  }
}

Так как у тебя есть вложенность массива, тебе сначала нужно его "выровнять"
Для этого есть метод .flat()

[[3, 4, 5], [1, 7, 1]].flat().includes(3)

Вы забыли вернуть значение из гетера

Варианта 2,
1) canvas (скорее всего качество плохое, потому что на телефоне высокий DPI, и canvas нужно увеличивать в 2-3 раза, почитайте об этом)
2) WebGl, можете использовать нативный, придется немного запарится, но нарисовать градиентный треугольник сможете. Либо возьмите Pixi.js , это обертка над webGl, с ним будет проще. Погуглите про displacementFilter в pixi.js, как раз эффект "волны" получится)

Невнимательно читал документацию, проблема описана тут

Вот интересная библиотека

Оказалось дело в iconImageSize: [30, 42] , нужно под определенную метку, определенное соотношение, инача в мозиле ломается. Потыкав в песочницу, опытным путем выяснил, что такие проблемы только с svg и только в мозиле. С gif, png все ок. Отпишу в тп яндекса

Дело в том, что метод document.querySelector('.className') возвращает один Node элемент,
а document.querySelectorAll('.className') возвращает коллекцию Node элементов, которые нужно перебрать в цикле, чтобы на каждый повесить обработчик