akveo / akveo/nebular

MS Edge: Flip Card UI issue with vertical scrolling at backside (text overlapping)

Open
#1,876 1 comment 0 reactions 0 assignees View on GitHub
3.x.x module:components needs triage
Dominant language
TypeScript
Stars
8.1k
Forks
1.5k
PR merge metrics
No merged PRs in 30d

Description

### Bug in MS Edge

**I'm submitting a ...**

* [x] bug report
* [ ] feature request

### Issue description

Flippable card (**backside**)
https://akveo.github.io/nebular/docs/components/flip-card/overview#nbflipcardcomponent

**Current behavior:**
When a scroll occurs at the backside and you switch to front: the back text overlays the front text.
It happens only if the vertical scroll exists at the backside of the card.

**Expected behavior:**
The text from the backside should not overlap the text on the front side.

**Steps to reproduce:**
1. open MS Edge
2. Add content to the backside to create **vertical** scroll.
3. Flip card to the front side.
4. See the overlapping of text

### Example
![MS_Edge_flip_card_bug_2](https://user-images.githubusercontent.com/25825240/62210443-dc16c900-b3a4-11e9-9307-26de06cdb142.PNG)

![MS_Edge_flip_card_bug](https://user-images.githubusercontent.com/25825240/62210317-86422100-b3a4-11e9-8b6a-daebcabe3302.PNG)

Link to car example: https://akveo.github.io/nebular/example/flip-card/flip-card-showcase.component

### Other information:

**npm, node, OS, Browser**

Windows 10
Nebular version: v3.2
npm 6.9.0
node v12.5.0
Angular 7
Microsoft Edge 44.18362.1.0
Microsoft EdgeHTML 18.18362

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.