[CB-8635] InAppBrowser on Windows adds 40px gray border, wrapper div without class or id

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: 3.6.0
• Component/s: cordova-plugin-inappbrowser

Environment

Windows 8.1, Windows Phone 8.1

• Assignee: Unassigned
• Reporter: Brandon Paddock
• Created: 08/Mar/15 22:44
• Updated: 23/Aug/18 06:51
• Resolved: 10/Nov/15 15:14

Description

The InAppBrowserProxy on Windows 8.1 does some weird things. One of them is that it adds a wrapper div with a bunch of inline styles on it, including a gray 40px border on all sides. This appears even if you set the "location=no" option to disable the default browser controls.

Because this div is inserted directly under the body element with no id or class, you can't override its styling via CSS (and since it uses inline styles, you'd have to use !important to override them).

Suggested fixes:
1) Assign a class name to the div so it can be styled.
2) Don't use an inline style for the default styling. Use CSS.
3) Don't put this weird gray border in the default styling (it isn't there on Android so why put it there on Windows?)
4) Or, remove the div entirely (at least in the location=no case).