@@ -180,16 +180,11 @@ export class VideoOverlay {
180180 */
181181 const videoElement = document . querySelector ( this . settings . selectors . videoElement ) ;
182182 const targetElement = document . querySelector ( this . settings . selectors . videoElementContainer ) ;
183- let drawerTargetElement ;
184183
185184 if ( ! videoElement || ! targetElement ) {
186185 return null ;
187186 }
188187
189- if ( this . isDrawerVariant ( ) ) {
190- drawerTargetElement = document . querySelector ( /** @type {string } */ ( this . settings . selectors . drawerContainer ) ) ;
191- }
192-
193188 /**
194189 * If we get here, it's a valid situation
195190 */
@@ -227,19 +222,22 @@ export class VideoOverlay {
227222 this . stopVideoFromPlaying ( ) ;
228223
229224 if ( this . environment . layout === 'mobile' ) {
230- if ( this . isDrawerVariant ( ) && drawerTargetElement ) {
231- this . appendMobileDrawer ( targetElement , drawerTargetElement , params ) ;
232- } else {
233- this . appendMobileOverlay ( targetElement , params ) ;
225+ if ( this . shouldShowDrawerVariant ( ) ) {
226+ const drawerTargetElement = document . querySelector ( /** @type {string } */ ( this . settings . selectors . drawerContainer ) ) ;
227+ if ( drawerTargetElement ) {
228+ return this . appendMobileDrawer ( targetElement , drawerTargetElement , params ) ;
229+ }
234230 }
235- } else {
236- this . appendDesktopOverlay ( targetElement , params ) ;
231+
232+ return this . appendMobileOverlay ( targetElement , params ) ;
237233 }
234+
235+ return this . appendDesktopOverlay ( targetElement , params ) ;
238236 }
239237 }
240238 }
241239
242- isDrawerVariant ( ) {
240+ shouldShowDrawerVariant ( ) {
243241 return this . settings . videoDrawer ?. state === 'enabled' && this . settings . selectors . drawerContainer ;
244242 }
245243
0 commit comments