@ParaBellum577

Как повесить двойное действие на один Div?

Всем привет. Есть список такого вида: 5da483ef8aaee660754375.png
По клику на всю линию открывается модальное окно, а по клику на три точки нужно открывать другой поп-ап. Но из-за того, что точки находятся в диве, на котором уже висит обработчик, открывается два окна сразу. Подскажите плиз как пофиксить?

<div
              onClick={() => this.handleOpenModal(project)}
              key={`${project.ProjectID} ${project.TrackerID}`}
              className="focus-projects"
            >
              <div className="unc-focus-line">
                <div className="unc-focus-item">
                  <img src={project.iconSrc} alt="icon" />
                  <div>
                    <p title={project.Name}>{project.Name}</p>
                    <span>{project.Description ? project.Description : ''}</span>
                  </div>
                </div>
                <div className="unc-focus-settings">
                  <CopyProjectSettings
                    placement="left"
                    dots="horizontal"
                    isModalOpen={false}
                    projectData={project}
                  />
                </div>
              </div>
            </div>
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
При клике на три точки нужно запретить всплытие события
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Можно сделать контейнер в который поместить всю линию и кнопку три точки и тогда можно будет кликать на разные области без всякой дикой логики.
5da4863f1f93e504571585.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы