Ant-design-mobile: Calendar 日历控件 Firefox（59.0.2 (64 位) 下确认按钮部分被遮挡。

Created on 20 Apr 2018 · 5Comments · Source: ant-design/ant-design-mobile

[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.1.8

Environment

mac(10.13.4) Firefox（59.0.2 (64 位)

Reproduction link

https://mobile.ant.design/components/calendar-cn/#components-calendar-demo-basic

Steps to reproduce

打开官网 https://mobile.ant.design/components/calendar-cn/#components-calendar-demo-basic
在 Firefox 中代码演示部分，点击任意一个按钮，出现日历选择控件，选择日期区间，无法出现确认按钮部分。

What is expected?

出现以上确认部分按钮。

What is actually happening?

无法点击确认。

当前解决方案：
.am-calendar .confirm-panel {
position: fixed;
bottom: 0;
width: 100%;
padding: 5px 4%;
}
以上样式即可解决这个问题，暂测试可以
请测试并修正这个bug。
谢谢。

help wanted

Source

zyj1022

Most helpful comment

是因为height:auto在不同版本浏览器渲染效果不一样，导致中间部分长度被撑开无法滚动，解决办法：
/* 日历组件兼容性问题 */
.date-picker {
overflow: auto;
}

LampardM on 10 Sep 2018

👍2

All 5 comments

Translation of this issue:

Calendar Calendar Control The Firefox (59.0.2 (64 bit) under confirmation button section is occluded.

[] I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.1.8

Environment

Mac(10.13.4) Firefox (59.0.2 (64-bit)

Reproduction link

https://mobile.ant.design/components/calendar-cn/#components-calendar-demo-basic

Steps to reproduce

Open the official website https://mobile.ant.design/components/calendar-cn/#components-calendar-demo-basic
In the code demo section of Firefox, click any button, the calendar selection control appears, select the date range, and the confirmation button section cannot appear.

What is expected?

The above confirmation section button appears.

What is actually happening?

Can't click confirm.

Current solution:
.am-calendar .confirm-panel {
    Position: fixed;
    Bottom: 0;
    Width: 100%;
    Padding: 5px 4%;
  }
The above style can solve this problem, tentative test can
Please test and correct this bug.
Thank you.