fix: drawer footer fixed (ant-design#19751)

* fix footer fiexd * fix test
TranquilMarmot · Nov 15, 2019 · 0cb5601 · 0cb5601
1 parent 2f30c80
commit 0cb5601
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/components/drawer/demo/form-in-drawer.md b/components/drawer/demo/form-in-drawer.md
@@ -45,6 +45,7 @@ class DrawerForm extends React.Component {
           width={720}
           onClose={this.onClose}
           visible={this.state.visible}
+          bodyStyle={{ paddingBottom: 80 }}
         >
           <Form layout="vertical" hideRequiredMark>
             <Row gutter={16}>
@@ -140,7 +141,7 @@ class DrawerForm extends React.Component {
           <div
             style={{
               position: 'absolute',
-              left: 0,
+              right: 0,
               bottom: 0,
               width: '100%',
               borderTop: '1px solid #e9e9e9',

diff --git a/components/drawer/style/drawer.less b/components/drawer/style/drawer.less
@@ -197,6 +197,10 @@
     line-height: @line-height-base;
     word-wrap: break-word;
   }
+  &-wrapper-body {
+    height: 100%;
+    overflow: auto;
+  }
 
   &-mask {
     position: absolute;