Address an issue where IE 11 cannot recognize "text-align: initial"

Author: cheton

dist/react-modal.css

@@ -763,7 +763,7 @@ exports = module.exports = __webpack_require__("../node_modules/css-loader/lib/c
 
 
 // module
-exports.push([module.i, ".modal-overlay---1x_yE {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(51,51,51,0.55);\n  z-index: 1050;\n}\n.modal-overlay---1x_yE.centered---1FYfF {\n  text-align: center;\n}\n.modal-overlay---1x_yE.centered---1FYfF:before {\n  content: '';\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n  margin-right: -0.25em;\n}\n.modal-overlay---1x_yE.centered---1FYfF .modal-content---3hUtG {\n  display: inline-block;\n  vertical-align: middle;\n  text-align: initial;\n}\n.modal-content---3hUtG {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  line-height: 20px;\n  position: relative;\n  display: inline-block;\n  background-color: #fff;\n  border: 1px solid #ccc;\n  -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.5);\n  box-shadow: 0 4px 16px rgba(0,0,0,0.5);\n  min-width: 400px;\n}\n.modal-content---3hUtG *,\n.modal-content---3hUtG *:before,\n.modal-content---3hUtG *:after {\n  -webkit-box-sizing: inherit;\n  -moz-box-sizing: inherit;\n  box-sizing: inherit;\n}\n.modal-content---3hUtG.xs---8dzzc {\n  width: 400px;\n}\n.modal-content---3hUtG.xs---8dzzc .modal-body---22INy {\n  min-height: 184px;\n}\n.modal-content---3hUtG.xs---8dzzc .modal-header---1FIQ_ + .modal-body---22INy {\n  min-height: 130px;\n}\n.modal-content---3hUtG.sm---3ceuY {\n  width: 544px;\n}\n.modal-content---3hUtG.sm---3ceuY .modal-body---22INy {\n  min-height: 246px;\n}\n.modal-content---3hUtG.sm---3ceuY .modal-header---1FIQ_ + .modal-body---22INy {\n  min-height: 192px;\n}\n.modal-content---3hUtG.md---3OKcy {\n  width: 688px;\n}\n.modal-content---3hUtG.md---3OKcy .modal-body---22INy {\n  min-height: 246px;\n}\n.modal-content---3hUtG.md---3OKcy .modal-header---1FIQ_ + .modal-body---22INy {\n  min-height: 192px;\n}\n.modal-content---3hUtG.lg---2kMz1 {\n  width: 928px;\n}\n.modal-content---3hUtG.lg---2kMz1 .modal-body---22INy {\n  min-height: 246px;\n}\n.modal-content---3hUtG.lg---2kMz1 .modal-header---1FIQ_ + .modal-body---22INy {\n  min-height: 192px;\n}\n.modal-content---3hUtG.close-button---2mREQ .modal-header---1FIQ_.padding---2pFRu {\n  padding: 16px 56px 16px 24px;\n}\n.modal-content---3hUtG .close---fVKdP {\n  position: absolute;\n  top: 16px;\n  right: 24px;\n  padding: 0;\n  margin: 0;\n  line-height: 20px;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  -webkit-appearance: none;\n  font-size: 30px;\n  font-weight: normal;\n  color: #999;\n  text-shadow: none;\n  opacity: 1;\n  -ms-filter: none;\n  filter: none;\n  outline: none;\n}\n.modal-content---3hUtG .modal-header---1FIQ_ {\n  min-height: 54px;\n  background-color: #fff;\n  border-bottom: 1px solid #ccc;\n  padding: 0;\n}\n.modal-content---3hUtG .modal-header---1FIQ_.padding---2pFRu {\n  padding: 16px 24px;\n}\n.modal-content---3hUtG .modal-title---2qyMh {\n  font-weight: 200;\n  color: #222;\n  letter-spacing: -0.02em;\n  font-size: 18px;\n}\n.modal-content---3hUtG .modal-title---2qyMh.ellipsis---3BkJT {\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.modal-content---3hUtG .modal-body---22INy {\n  position: relative;\n  padding: 0;\n}\n.modal-content---3hUtG .modal-body---22INy.padding---2pFRu {\n  padding: 54px 24px 16px 24px;\n}\n.modal-content---3hUtG .modal-header---1FIQ_ + .modal-body---22INy.padding---2pFRu {\n  padding: 16px 24px;\n}\n.modal-content---3hUtG .modal-footer---3bXnF {\n  min-height: 56px;\n  margin-top: 0;\n  text-align: right;\n  background-color: #eee;\n  padding: 0;\n}\n.modal-content---3hUtG .modal-footer---3bXnF.padding---2pFRu {\n  padding: 12px 24px;\n}\n.modal-content---3hUtG .modal-footer---3bXnF button {\n  min-width: 80px;\n}\n.modal-content---3hUtG .modal-footer---3bXnF button + button {\n  margin-left: 8px;\n}\n", ""]);
+exports.push([module.i, ".modal-overlay---1x_yE {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(51,51,51,0.55);\n  z-index: 1050;\n}\n.modal-overlay---1x_yE.centered---1FYfF {\n  text-align: center;\n}\n.modal-overlay---1x_yE.centered---1FYfF:before {\n  content: '';\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n  margin-right: -0.25em;\n}\n.modal-overlay---1x_yE.centered---1FYfF .modal-content---3hUtG {\n  display: inline-block;\n  vertical-align: middle;\n  text-align: left;\n}\n.modal-content---3hUtG {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  line-height: 20px;\n  position: relative;\n  display: inline-block;\n  background-color: #fff;\n  border: 1px solid #ccc;\n  -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.5);\n  box-shadow: 0 4px 16px rgba(0,0,0,0.5);\n  min-width: 400px;\n}\n.modal-content---3hUtG *,\n.modal-content---3hUtG *:before,\n.modal-content---3hUtG *:after {\n  -webkit-box-sizing: inherit;\n  -moz-box-sizing: inherit;\n  box-sizing: inherit;\n}\n.modal-content---3hUtG.xs---8dzzc {\n  width: 400px;\n}\n.modal-content---3hUtG.xs---8dzzc .modal-body---22INy {\n  min-height: 184px;\n}\n.modal-content---3hUtG.xs---8dzzc .modal-header---1FIQ_ + .modal-body---22INy {\n  min-height: 130px;\n}\n.modal-content---3hUtG.sm---3ceuY {\n  width: 544px;\n}\n.modal-content---3hUtG.sm---3ceuY .modal-body---22INy {\n  min-height: 246px;\n}\n.modal-content---3hUtG.sm---3ceuY .modal-header---1FIQ_ + .modal-body---22INy {\n  min-height: 192px;\n}\n.modal-content---3hUtG.md---3OKcy {\n  width: 688px;\n}\n.modal-content---3hUtG.md---3OKcy .modal-body---22INy {\n  min-height: 246px;\n}\n.modal-content---3hUtG.md---3OKcy .modal-header---1FIQ_ + .modal-body---22INy {\n  min-height: 192px;\n}\n.modal-content---3hUtG.lg---2kMz1 {\n  width: 928px;\n}\n.modal-content---3hUtG.lg---2kMz1 .modal-body---22INy {\n  min-height: 246px;\n}\n.modal-content---3hUtG.lg---2kMz1 .modal-header---1FIQ_ + .modal-body---22INy {\n  min-height: 192px;\n}\n.modal-content---3hUtG.close-button---2mREQ .modal-header---1FIQ_.padding---2pFRu {\n  padding: 16px 56px 16px 24px;\n}\n.modal-content---3hUtG .close---fVKdP {\n  position: absolute;\n  top: 16px;\n  right: 24px;\n  padding: 0;\n  margin: 0;\n  line-height: 20px;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  -webkit-appearance: none;\n  font-size: 30px;\n  font-weight: normal;\n  color: #999;\n  text-shadow: none;\n  opacity: 1;\n  -ms-filter: none;\n  filter: none;\n  outline: none;\n}\n.modal-content---3hUtG .modal-header---1FIQ_ {\n  min-height: 54px;\n  background-color: #fff;\n  border-bottom: 1px solid #ccc;\n  padding: 0;\n}\n.modal-content---3hUtG .modal-header---1FIQ_.padding---2pFRu {\n  padding: 16px 24px;\n}\n.modal-content---3hUtG .modal-title---2qyMh {\n  font-weight: 200;\n  color: #222;\n  letter-spacing: -0.02em;\n  font-size: 18px;\n}\n.modal-content---3hUtG .modal-title---2qyMh.ellipsis---3BkJT {\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.modal-content---3hUtG .modal-body---22INy {\n  position: relative;\n  padding: 0;\n}\n.modal-content---3hUtG .modal-body---22INy.padding---2pFRu {\n  padding: 54px 24px 16px 24px;\n}\n.modal-content---3hUtG .modal-header---1FIQ_ + .modal-body---22INy.padding---2pFRu {\n  padding: 16px 24px;\n}\n.modal-content---3hUtG .modal-footer---3bXnF {\n  min-height: 56px;\n  margin-top: 0;\n  text-align: right;\n  background-color: #eee;\n  padding: 0;\n}\n.modal-content---3hUtG .modal-footer---3bXnF.padding---2pFRu {\n  padding: 12px 24px;\n}\n.modal-content---3hUtG .modal-footer---3bXnF button {\n  min-width: 80px;\n}\n.modal-content---3hUtG .modal-footer---3bXnF button + button {\n  margin-left: 8px;\n}\n", ""]);
 
 // exports
 exports.locals = {
@@ -21598,4 +21598,4 @@ exports.default = function (Component) {
 /***/ })
 
 /******/ });
-//# sourceMappingURL=bundle.js.map?236fcad81b67ac2c0fcc
+//# sourceMappingURL=bundle.js.map?445c2c271c644d1da76c

dist/react-modal.min.css

@@ -42,5 +42,5 @@
     </nav>
     <div id="container"></div>
     <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
-<script type="text/javascript" src="bundle.js?236fcad81b67ac2c0fcc"></script></body>
+<script type="text/javascript" src="bundle.js?445c2c271c644d1da76c"></script></body>
 </html>

docs/bundle.js

@@ -1,6 +1,6 @@
 {
   "name": "@trendmicro/react-modal",
-  "version": "2.0.5",
+  "version": "2.1.0",
   "description": "React Modal component",
   "main": "lib/index.js",
   "files": [

docs/bundle.js.map

@@ -28,7 +28,7 @@
         .modal-content {
             display: inline-block;
             vertical-align: middle;
-            text-align: initial;
+            text-align: left;
         }
     }
 }