From 66287f5b7d9166d790846ad04239ea79fef97039 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Tue, 19 Dec 2017 18:27:19 +0100
Subject: [PATCH] Fix dialog not rendering fully in firefox

---
 client/coral-ui/components/Dialog.css | 4 ++++
 client/coral-ui/components/Dialog.js  | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 client/coral-ui/components/Dialog.css

diff --git a/client/coral-ui/components/Dialog.css b/client/coral-ui/components/Dialog.css
new file mode 100644
index 000000000..b5872c12c
--- /dev/null
+++ b/client/coral-ui/components/Dialog.css
@@ -0,0 +1,4 @@
+
+.dialog {
+  position: fixed;
+}
diff --git a/client/coral-ui/components/Dialog.js b/client/coral-ui/components/Dialog.js
index a7d34a512..d847efaea 100644
--- a/client/coral-ui/components/Dialog.js
+++ b/client/coral-ui/components/Dialog.js
@@ -2,6 +2,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import dialogPolyfill from 'dialog-polyfill';
 import 'dialog-polyfill/dialog-polyfill.css';
+import styles from './Dialog.css';
 
 export default class Dialog extends Component {
   static propTypes = {
@@ -54,7 +55,7 @@ export default class Dialog extends Component {
     return (
       <dialog
         ref={(el) => { this.dialog = el; }}
-        className={`mdl-dialog ${className}`}
+        className={`mdl-dialog ${className} ${styles.dialog}`}
         {...rest}
       >
         {children}