feat(iframe): added new prop allow

The allow property is for change browser policy (https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#iframe)
seznam · Jun 19, 2018 · 11c9a74 · 11c9a74
1 parent e8c51f2
commit 11c9a74
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/iframe/HtmlIframe.jsx b/src/iframe/HtmlIframe.jsx
@@ -88,6 +88,7 @@ export default class HtmlIframe extends React.PureComponent {
             scrolling={this.props.scrolling}
             sandbox={this.props.sandbox}
             frameBorder={this.props.frameBorder}
+            allow={this.props.allow}
             allowFullScreen={this.props.allowFullScreen}
             className={helper.cssClasses({
               'atm-fill': true
@@ -111,6 +112,11 @@ export default class HtmlIframe extends React.PureComponent {
 								${this.props.sandbox ? `sandbox="${this.props.sandbox}"` : ''}
 								scrolling="${this.props.scrolling || 'no'}"
 								frameborder="${this.props.frameBorder || '0'}"
+                                ${
+                                  this.props.allow
+                                    ? `allow="${this.props.allow}"`
+                                    : ''
+                                }
 								allowfullscreen="${this.props.allowFullScreen || '0'}"
 								class="${helper.cssClasses('atm-fill atm-loaded')}"
 								${helper.getAriaProps(this.props)}></iframe>`

diff --git a/src/iframe/Iframe.jsx b/src/iframe/Iframe.jsx
@@ -25,6 +25,7 @@ export default class Iframe extends React.PureComponent {
       scrolling: PropTypes.string,
       layout: PropTypes.string,
       sandbox: PropTypes.string,
+      allow: PropTypes.string,
       allowFullScreen: PropTypes.bool,
       resizable: PropTypes.bool,
       frameBorder: PropTypes.string,
@@ -43,6 +44,7 @@ export default class Iframe extends React.PureComponent {
       scrolling: 'no',
       layout: null,
       sandbox: null,
+      allow: null,
       allowFullScreen: null,
       resizable: false,
       frameBorder: '0',