@@ -180,16 +180,11 @@ export class VideoOverlay {
180
180
*/
181
181
const videoElement = document . querySelector ( this . settings . selectors . videoElement ) ;
182
182
const targetElement = document . querySelector ( this . settings . selectors . videoElementContainer ) ;
183
- let drawerTargetElement ;
184
183
185
184
if ( ! videoElement || ! targetElement ) {
186
185
return null ;
187
186
}
188
187
189
- if ( this . isDrawerVariant ( ) ) {
190
- drawerTargetElement = document . querySelector ( /** @type {string } */ ( this . settings . selectors . drawerContainer ) ) ;
191
- }
192
-
193
188
/**
194
189
* If we get here, it's a valid situation
195
190
*/
@@ -227,19 +222,22 @@ export class VideoOverlay {
227
222
this . stopVideoFromPlaying ( ) ;
228
223
229
224
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
+ }
234
230
}
235
- } else {
236
- this . appendDesktopOverlay ( targetElement , params ) ;
231
+
232
+ return this . appendMobileOverlay ( targetElement , params ) ;
237
233
}
234
+
235
+ return this . appendDesktopOverlay ( targetElement , params ) ;
238
236
}
239
237
}
240
238
}
241
239
242
- isDrawerVariant ( ) {
240
+ shouldShowDrawerVariant ( ) {
243
241
return this . settings . videoDrawer ?. state === 'enabled' && this . settings . selectors . drawerContainer ;
244
242
}
245
243
0 commit comments