diff --git a/src/block/tab-content/edit.js b/src/block/tab-content/edit.js index 77ff51743..1455aa28c 100644 --- a/src/block/tab-content/edit.js +++ b/src/block/tab-content/edit.js @@ -152,14 +152,14 @@ const Edit = props => { if ( context[ 'stackable/tabPanelEffect' ] === 'immediate' ) { if ( index !== activeTab - 1 ) { return `.stk-block-tabs [data-block="${ clientId }"] { - ${ props.attributes.equalTabHeight ? 'display:none' : 'visibility: hidden' }; + ${ props.attributes.equalTabHeight ? 'visibility: hidden' : 'display:none' }; z-index: 1 !important; }` } } else { // fade if ( index !== activeTab - 1 ) { return `.stk-block-tabs [data-block="${ clientId }"] { - ${ props.attributes.equalTabHeight ? 'display:none' : 'visibility: hidden' }; + ${ props.attributes.equalTabHeight ? 'visibility: hidden' : 'display:none' }; opacity: 0; z-index: 1 !important; }` diff --git a/src/block/tab-content/style.js b/src/block/tab-content/style.js index 3bd5e1cf9..a7fe98cc7 100644 --- a/src/block/tab-content/style.js +++ b/src/block/tab-content/style.js @@ -38,8 +38,8 @@ const Styles = props => { styleRule="display" attrName="equalTabHeight" key="equalTabHeight" - valueCallback={ () => { - return 'none' + valueCallback={ value => { + return value ? undefined : 'none' } } responsive="all" />