Semantic-UI-React icon indicating copy to clipboard operation
Semantic-UI-React copied to clipboard

Published 20 hours ago • verified publisher icon Semantic-Org

Popup: Wrong Popup placement in IE11

Open jschmolling opened this issue 5 years ago • 7 comments
trafficstars

Bug Report

The popup placement in IE11 seems to be slightly broken.

Steps

  1. Navigate to https://react.semantic-ui.com/modules/popup/
  2. Hover over any Popup example

Expected Result

grafik

Actual Result

  • Popup width and position is wrong grafik

Version

Tested with Browserstack: Windows 10 Internet Explorer 11.1.17134.0 Semantic UI React 2.0.1 Semantic UI 2.4

Testcase

https://codesandbox.io/s/semantic-ui-react-hover-example-5qbyu?file=/index.html (Although codesandbox doesn't work with ie11) I also tested SUIR v1.3.1 and SUI 2.4 which seems to be fine.

jschmolling avatar Nov 09 '20 18:11 jschmolling

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

welcome[bot] avatar Nov 09 '20 18:11 welcome[bot]

@jschmolling we do not release patches for old versions of SUIR. If this issue is present in 2.0.1 but is resolved in 2.4, please update to the latest version.

brianespinosa avatar Nov 10 '20 16:11 brianespinosa

@jschmolling we do not release patches for old versions of SUIR. If this issue is present in 2.0.1 but is resolved in 2.4, please update to the latest version.

It's about SUIR 😕 The latest release of SUIR is 2.0.1.

I was able to repro it in IE11: image

layershifter avatar Nov 10 '20 17:11 layershifter

I also tested https://semantic-ui.com/modules/popup.html (SUI 2.4) which seems to be fine

jschmolling avatar Nov 10 '20 18:11 jschmolling

I also faced to this problem. This reason seems to be react-popper's bug in Internet Exploer. Link: https://github.com/popperjs/popper-core/issues/1159

This problem fixed Oct 30, but its newest version is not included in react-popper. https://github.com/popperjs/react-popper/blob/master/yarn.lock

pentla avatar Nov 14 '20 13:11 pentla

Can this be fixed? Or is there some workaround?

bidy avatar Mar 05 '21 10:03 bidy

It probably will not be fixed. Microsoft is even dropping support for IE11 on all of their online Office and Teams services on August 17, 2021.

brianespinosa avatar Mar 05 '21 18:03 brianespinosa

It probably will not be fixed. Microsoft is even dropping support for IE11 on all of their online Office and Teams services on August 17, 2021.

It won't be fixed. v3 will drop IE11 support.

layershifter avatar Dec 10 '23 12:12 layershifter