v0.9.2

Author: cheton

dist/react-modal.css

@@ -559,7 +559,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 /***/ "../node_modules/css-loader/index.js!../node_modules/@trendmicro/react-buttons/dist/react-buttons.css":
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__("../node_modules/css-loader/lib/css-base.js")(undefined);
+exports = module.exports = __webpack_require__("../node_modules/css-loader/lib/css-base.js")(false);
 // imports
 
 
@@ -574,12 +574,12 @@ exports.push([module.i, "/*! react-buttons v1.2.1 | (c) 2017 Trend Micro Inc. |
 /***/ "../node_modules/css-loader/index.js?camelCase&modules&importLoaders=1&localIdentName=[local]---[hash:base64:5]!../node_modules/stylus-loader/index.js!../node_modules/stylint-loader/index.js!../src/index.styl":
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__("../node_modules/css-loader/lib/css-base.js")(undefined);
+exports = module.exports = __webpack_require__("../node_modules/css-loader/lib/css-base.js")(false);
 // imports
 
 
 // module
-exports.push([module.i, ".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  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  position: relative;\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  min-width: 400px;\n  max-width: 543px;\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  min-width: 544px;\n  max-width: 687px;\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  min-width: 688px;\n  max-width: 927px;\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  min-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---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}\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.hasCloseButton---2jvGR .modal-header---1FIQ_.padding---2pFRu {\n  padding: 16px 56px 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-content---3hUtG {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  line-height: 20px;\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  position: relative;\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  min-width: 400px;\n  max-width: 543px;\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  min-width: 544px;\n  max-width: 687px;\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  min-width: 688px;\n  max-width: 927px;\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  min-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---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: 0;\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.hasCloseButton---2jvGR .modal-header---1FIQ_.padding---2pFRu {\n  padding: 16px 56px 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 = {
@@ -18599,7 +18599,7 @@ var ModalPortal = function (_Component) {
       }
 
       if (_this.props.shouldCloseOnEsc && event.keyCode === ESC_KEY) {
-        event.preventDefault();
+        event.stopPropagation();
         _this.requestClose(event);
       }
     };
@@ -19009,8 +19009,10 @@ function markForFocusLater() {
 function returnFocus() {
   var toFocus = null;
   try {
-    toFocus = focusLaterElements.pop();
-    toFocus.focus();
+    if (focusLaterElements.length !== 0) {
+      toFocus = focusLaterElements.pop();
+      toFocus.focus();
+    }
     return;
   } catch (e) {
     console.warn(["You tried to return focus to", toFocus, "but it is not in the DOM anymore"].join(" "));
@@ -20766,7 +20768,7 @@ module.exports = function(list, options) {
 
 	// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
 	// tags it will allow on a page
-	if (!options.singleton) options.singleton = isOldIE();
+	if (!options.singleton && typeof options.singleton !== "boolean") options.singleton = isOldIE();
 
 	// By default, add <style> tags to the <head> element
 	if (!options.insertInto) options.insertInto = "head";
@@ -21714,12 +21716,14 @@ var customStyles = {
         boxShadow: '0 4px 16px rgba(0, 0, 0, .5)',
         border: '1px solid #ccc',
         borderRadius: 0,
+        position: 'absolute',
         top: '50%',
         left: '50%',
         right: 'auto',
         bottom: 'auto',
         marginRight: '-50%',
         padding: 0,
+        overflow: null, // Unset "overflow: auto" property
         msTransform: 'translate(-50%, -50%)', // IE9
         transform: 'translate(-50%, -50%)'
     }
@@ -22424,4 +22428,4 @@ _reactDom2.default.render(_react2.default.createElement(App, null), document.get
 /***/ })
 
 /******/ });
-//# sourceMappingURL=bundle.js.map?f1690308b7115d873d39
+//# sourceMappingURL=bundle.js.map?05e7ae5114e87110a6f5

dist/react-modal.min.css

@@ -41,5 +41,5 @@
         </div>
     </nav>
     <div id="container"></div>
-<script type="text/javascript" src="bundle.js?f1690308b7115d873d39"></script></body>
+<script type="text/javascript" src="bundle.js?05e7ae5114e87110a6f5"></script></body>
 </html>

docs/bundle.js

@@ -1,6 +1,6 @@
 {
   "name": "@trendmicro/react-modal",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Trend Micro Components: React Modal",
   "main": "lib/index.js",
   "files": [