Merge branch 'master' of github.com:airbnb/lottie-web
diff --git a/index.d.ts b/index.d.ts
index cc891ec..7eccdb0 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -34,6 +34,7 @@
hideOnTransparent?: boolean;
viewBoxOnly?: boolean;
viewBoxSize?: string;
+ focusable?: boolean;
};
export type CanvasRendererConfig = BaseRendererConfig & {
diff --git a/player/js/renderers/SVGRenderer.js b/player/js/renderers/SVGRenderer.js
index 7e36e5b..bd21084 100644
--- a/player/js/renderers/SVGRenderer.js
+++ b/player/js/renderers/SVGRenderer.js
@@ -35,7 +35,8 @@
hideOnTransparent: (config && config.hideOnTransparent === false) ? false : true,
viewBoxOnly: (config && config.viewBoxOnly) || false,
viewBoxSize: (config && config.viewBoxSize) || false,
- className: (config && config.className) || ''
+ className: (config && config.className) || '',
+ focusable: config && config.focusable
};
this.globalData = {
@@ -97,6 +98,9 @@
if(this.renderConfig.className) {
this.svgElement.setAttribute('class', this.renderConfig.className);
}
+ if(this.renderConfig.focusable !== undefined) {
+ this.svgElement.setAttribute('focusable', this.renderConfig.focusable);
+ }
this.svgElement.setAttribute('preserveAspectRatio',this.renderConfig.preserveAspectRatio);
//this.layerElement.style.transform = 'translate3d(0,0,0)';
//this.layerElement.style.transformOrigin = this.layerElement.style.mozTransformOrigin = this.layerElement.style.webkitTransformOrigin = this.layerElement.style['-webkit-transform'] = "0px 0px 0px";
