Material-ui: Die Tooltips [Regression] blockieren Zeigerereignisse, auch wenn sie nicht angezeigt werden

Erstellt am 19. Juni 2018  ·  3Kommentare  ·  Quelle: mui-org/material-ui

  • [x] Dies ist ein Problem mit Version 1.x (Version 0.x wird nicht mehr verwaltet).
  • [x] Ich habe die Probleme dieses Repositorys durchsucht und glaube, dass dies kein Duplikat ist.

Erwartetes Verhalten


Wenn ein Tooltip nicht angezeigt wird, kann er nicht verhindern, dass Elemente Zeigerereignisse empfangen

Aktuelles Verhalten


Selbst wenn der Tooltip nicht angezeigt wird, ist sein div im Dokument vorhanden, wodurch verhindert wird, dass darunter liegende Elemente Zeigerereignisse empfangen

Schritte zum Reproduzieren (für Fehler)

  1. Gehen Sie zu https://codesandbox.io/s/vqnzr43xv7
  2. Bewegen Sie den Mauszeiger in der Mitte des "Buttons, der durch einen Tooltip blockiert wurde".
  3. Beachten Sie, dass die Schaltfläche in der Mitte nicht anklickbar ist
  4. Bewegen Sie den Mauszeiger um die Seiten der Schaltfläche - der Tooltip blockiert sie nicht an den Seiten

Kontext

Ihre Umgebung

| Tech | Version |
| -------------- | --------- |
| Material-UI | v1.2.2 |
| Reagiere | v16.4.0 |
| Browser | Chrome 66.0.3359.181 |

bug 🐛 Tooltip

Hilfreichster Kommentar

Ich kehre zu [email protected] . Ich denke, es gibt ein Leck in React-Popper @ 1.
In Zukunft werde ich mir das Wochenende nehmen, um alle Tooltip-Probleme in einem Stapel zu beheben.

Alle 3 Kommentare

Ich habe auch festgestellt, dass die Bildlaufleistung viel schlechter ist plus, plus die erhöhte Bundle-Größe: # 11862.
Vielleicht sollten wir zurück zu [email protected] gehen?

Ich kehre zu [email protected] . Ich denke, es gibt ein Leck in React-Popper @ 1.
In Zukunft werde ich mir das Wochenende nehmen, um alle Tooltip-Probleme in einem Stapel zu beheben.

Ich denke, das Problem dabei könnte sein, dass className nicht mehr auf dem Popper-Element sein sollte, sondern auf dem <div> innerhalb?

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen