Orientation lock

Questions
1

Hi

I’m developing a PWA app with Framework7,JavaScript, CSS

All pwa’s views (screens) has to view on portraint orientation, so I wrote in manifest file the line

​​"orientation": "portrait"

But, only in one view I have to unlock the orintation and allow to user change the orientation, the index.js file …

$$(document).on('page:init', '.page[data-name="home"]', function (e){

  window.screen.orientation
             .lock("portrait-primary")
             .then(
               (success) => console.log(success)
             , (failure) => console.log(failure)
             )
  global_functions.ChecaCuenta();
});

So, when I scroll the device to horizontal orientation, looks like this (the view it’s shorter)…

PXL_20210429_201523245
PXL_20210429_2015232451512×2016 933 KB

The views in portrait orientation like this

PXL_20210429_201510284
PXL_20210429_2015102841512×2016 880 KB

So, I want the landscape orientation like

I want the landscape view looks same as the portrait view, it’s possible?