Broken landscape layout after taking photo for input field in iOS Edge

LamYiKwan-5547 20 Reputation points
2023-10-24T07:58:51.4733333+00:00

[Version]

The behavior was discovered in Edge for iOS (v117.0.2045.65 or after).

*It works fine in Edge for iOS v116.0.1938.79

[Condition]

Holding iPhone landscape

[URL]

(The behavior can be reproduced by any <input> tag)

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture

The following input tag is having attribute {{capture="user"}}.

[Image

](https://filestore.community.support.microsoft.com/api/images/e9016179-2897-49df-a5dc-d8b531f8652c?upload=true&fud_access=wJJIheezUklbAN2ppeDns8cDNpYs3nCYjgitr%2bfFBh2dqlqMuW7np3F6Utp%2fKMltnRRYFtVjOMO5tpbpW9UyRAwvLeec5emAPixgq9ta07Dgnp2aq5eJbnfd%2fU3qhn5498QChOTHl3NpYS7xR7zASsaF20jo4ICSz2XTm%2b3GDR4XitSm7nHRR843ku7uXQ4oF6innoBxMaSe9UfrAdMi7owFKjdP9m1UP2W5KAtfQLOVOVuiOrl4izD2PWxFO357Dl7MPPprt%2fqnIQY1bloJMjS1i3EbWlXXPGtqPgz2HTCq2cr6hAB0gfTUTeCFcWnLtzrB3UsrFD2dXGFc0nCDWnC9mNi%2bti5lZAvyANRxh3YdVVL%2fT3kXtsPO%2b2PGK19Fkd%2buPBW%2fNXg5P2j9Qw6MthZwmygTLR8S1A93WF0UTyY%3d"filestore.community.support.microsoft.com")

When tried to take landscape photo by tapping the input button (circled above in pink),

the ios camera is on and there is a tool bar (circled below in pink) appeared at the bottom of screen.

[Image

](https://filestore.community.support.microsoft.com/api/images/5a9f56e7-43b2-417d-9242-04588cacc98e?upload=true&fud_access=wJJIheezUklbAN2ppeDns8cDNpYs3nCYjgitr%2bfFBh2dqlqMuW7np3F6Utp%2fKMltnRRYFtVjOMO5tpbpW9UyRAwvLeec5emAPixgq9ta07Dgnp2aq5eJbnfd%2fU3qhn5498QChOTHl3NpYS7xR7zASsaF20jo4ICSz2XTm%2b3GDR4XitSm7nHRR843ku7uXQ4oF6innoBxMaSe9UfrAdMi7owFKjdP9m1UP2W5KAtfQLPMttl%2bzpm6SDk8gzE9ym3xcpJ6r1G9ouyOg8vz7Yyl67y8Wj8TwzNf5k20u8XikN6tX%2bMLxudjCjNrY7urOluo0kVDp5rflkknlAoIVYqm3%2bMBOz%2fDV28RIFchQQSlDD%2b1mI4UhAOXMYVm3%2fHtQiowCmhmk2U5T4SdtluenyesoHPhGTaPkFFUa5BptAbMjjo%3d"filestore.community.support.microsoft.com")

[Image

](https://filestore.community.support.microsoft.com/api/images/0c9c47db-de6f-4b80-85b5-9933f96f3cd3?upload=true&fud_access=wJJIheezUklbAN2ppeDns8cDNpYs3nCYjgitr%2bfFBh2dqlqMuW7np3F6Utp%2fKMltnRRYFtVjOMO5tpbpW9UyRAwvLeec5emAPixgq9ta07Dgnp2aq5eJbnfd%2fU3qhn5498QChOTHl3NpYS7xR7zASsaF20jo4ICSz2XTm%2b3GDR4XitSm7nHRR843ku7uXQ4oF6innoBxMaSe9UfrAdMi7owFKjdP9m1UP2W5KAtfQLO%2fh9zsWXqXl4RGvMLjw3nYyILal%2fyBIndW73KV1mNb%2b69qZlN3i9xs3buxKgw2RC%2frT9KvEBBzLv0JbmWchOitZ9pAtLgoiaid71Ki%2fmDjSrGBT9PjWZkIQKF9W1epow%2bnSn%2bDrZz35A4mKAFppcFQ7LfUJRj7fb8iK4tbJsAwLr70Tj6KCvVP0tkfPZdHA44%3d"filestore.community.support.microsoft.com")

(And the camera appeared is strange too. Some texts are not shown in landscape)

I took and selected photo while holding iPhone landscape.

After returning to the page with photo selected, the "tool bar" (circled below in pink) does not disappear and blocks the content I am browsing. <-- this is the problem!

[Image

](https://filestore.community.support.microsoft.com/api/images/b9b88774-7a35-48be-ad3b-da5d59cfc243?upload=true&fud_access=wJJIheezUklbAN2ppeDns8cDNpYs3nCYjgitr%2bfFBh2dqlqMuW7np3F6Utp%2fKMltnRRYFtVjOMO5tpbpW9UyRAwvLeec5emAPixgq9ta07Dgnp2aq5eJbnfd%2fU3qhn5498QChOTHl3NpYS7xR7zASsaF20jo4ICSz2XTm%2b3GDR4XitSm7nHRR843ku7uXQ4oF6innoBxMaSe9UfrAdMi7owFKjdP9m1UP2W5KAtfQLNWXCBpJLBA4WwB01wAKegI0lDdMSVBZ0%2bc0Gjb4r09I%2ff6tUuY%2b0Bo0Iltrpl1VkVd1jftspG8c5%2bJVxr0J%2fnPvXYg1B9Gzb4fM4cS67z18s6eSGeQ1KOZsrJm9fodCQGdJ%2fapFuGOfTzd64qNa%2fpf%2bqTd3XFbz1b0r2GWocBUEqj0wEs4%2bmVIzbP13UtFrJg%3d"filestore.community.support.microsoft.com")

[Question]

  1. Can you check if this is a bug?
  2. If not, is there any way I can avoid that behavior?
Microsoft Edge
Microsoft Edge
A Microsoft cross-platform web browser that provides privacy, learning, and accessibility tools.
2,160 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Raina Zhao - MSFT 1,870 Reputation points Microsoft Vendor
    2023-10-25T06:49:15.0433333+00:00

    Hi @LamYiKwan-5547 ,

    Based on my test, the input field works fine on Edge (v117.0.2045.65) for iOS (v16.6.1) landscape mode.

    After you click "choose a file", the iOS camera would fill the whole screen and there is no tool bar displayed.

    Is there the same issue when you use Portrait mode?

    Additionally, you could try to the following suggestions, and then check if the issue persists.

    1. Clear browser cache and cookies
    2. Create a new account to check it
    3. Uninstall and re-install the Edge
    4. Restart your iPhone

    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    Best Regards,

    Raina Zhao