palantir/blueprint

Popovers have a line between the box and the arrow

Open

#1.059 geöffnet am 2. Mai 2017

Auf GitHub ansehen
 (5 Kommentare) (1 Reaktion) (0 zugewiesene Personen)TypeScript (20.263 Stars) (2.167 Forks)batch import
P3Package: coreStatus: in discussionType: bughelp wanted

Beschreibung

Bug report

  • Package version(s): 1.16.0
  • Browser and OS versions: Internet Explorer 11 (11.873.10586.0), Windows 10

Steps to reproduce

In Internet Explorer, open the Blueprint docs for the popover (http://blueprintjs.com/docs/#core/components/popover) and click the "Popover target" button.

Actual behavior

There is a line between the main box of the popover and the attached arrow:

Expected behavior

There is no such line, as seen in Chrome:

Contributor Guide

Tech Stack
typescriptreactcss
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
CSScross browser testingread Blueprint popover component code
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80
Research-Richtung
The bug is a visual line between the popover box and arrow in Internet Explorer. Review the popover arrow CSS in Blueprint (likely in src/components/popover/popover.scss or similar). Look for the use of border or box shadow that might render incorrectly in IE. Check the issue comments for any suggested fixes. The fix may involve adjusting the arrow's CSS or adding an IE specific hack. Test changes in IE11 to ensure the line disappears.