[ 
https://issues.apache.org/jira/browse/CB-8635?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14377841#comment-14377841
 ] 

Vladimir Kotikov edited comment on CB-8635 at 3/24/15 1:33 PM:
---------------------------------------------------------------

[~BrandonLive], regarding your suggestions:
# The reason, why grey border exists around IAB window is that user needs the 
way to close window. On android you cand do this with back button, but on 
Windows there is no such concept, to the only way to close windows is to 
click/tap on this grey border.
# IAB designed as a container for displaying external content, so probably you 
don't need to apply styles for browser container itself. If you want to apply 
styles to displayed content, you have to use {{browser.insertCSS}} method: 
https://github.com/apache/cordova-plugin-inappbrowser#insertcss


was (Author: vladimir.kotikov):
[~BrandonLive], regarding your suggestions:
# The reason, why grey border exists around IAB window is that user needs the 
way to close window. On android you cand do this with back button, but on 
Windows there is no such concept.
# IAB designed as a container for displaying external content, so probably you 
don't need to apply styles for browser container itself. If you want to apply 
styles to displayed content, you have to use {{browser.insertCSS}} method: 
https://github.com/apache/cordova-plugin-inappbrowser#insertcss

> InAppBrowser on Windows adds 40px gray border, wrapper div without class or id
> ------------------------------------------------------------------------------
>
>                 Key: CB-8635
>                 URL: https://issues.apache.org/jira/browse/CB-8635
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: Plugin InAppBrowser
>    Affects Versions: 3.6.0
>         Environment: Windows 8.1, Windows Phone 8.1
>            Reporter: Brandon Paddock
>
> 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).



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to