akveo / akveo/nebular

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

未关闭
#1,876 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
3.x.x module:components needs triage
主要语言
TypeScript
星标
8.1k
派生
1.5k
PR 合并指标
30 天内没有已合并 PR

描述

### 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

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。