Webview in chrome packaged app cannot be full screen - javascript

I have two pages, one is "index.html". It is used by a chrome packaged app and it has a webview inside. The other one is a fullscreen.html and it has a button with function:
document.documentElement.webkitRequestFullScreen().
So I point webview to fullscreen.html. But when I wanted to click button to full screen both webview and app, nothing happened.

It sounds from your description that the request for full screen is being executed in the webview's DOM, not the top window's DOM. If so, what you describe sounds normal to me. What is in effect a child window can't be fullscreen.

Related

injecting react tsx into content script - google chrome

I'm having some issue I couldn't find information about online.
I have a chrome extension, which when I click on the extension's icon, I have a popup UI opening.
Next, when I click on a certain button, it injects JS code into my content script. Cool!
Issue begins when I try to inject a react code into the page. How could I inject such thing instead of JS code?
Or even better, how could I render there a new ReactTSX component?
I'll just add that what I attempt to do is that when a user clicks on a button in the popup's ui, it takes a print screen using captureCurrentVisible, which I want to pass to a large screen so I can draw on that image using a canvas (I have built the component responsible for that, I just don't know how to open a window, full screen, which I could edit the image on).
Regards! :-)

Android App soft keyboard covers web page's textarea embedded in webview

I have an Android app which opens a website inside its web view that is embedded inside a fragment, the fragment is controlled by a bottom navigation bar. The app is not running in full screen mode. I have action tool bar on the top of web view.
The web page inside webview works fine.
However, the problem is if the web page contains a <textarea>, when user start typing the content inside Android pops up its soft keyboard which covers the Textarea, that makes the user unable to see what has been typed inside.
I have done a lot google search and tried with setting things like in AndroidManifest.xml file add the attribute:
android:windowSoftInputMode="adjustResize"
Or in my fragment Java code I put the following:
getActivity().getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
Or I even tried in the web page I put the following javascript:
<textarea rows="4" cols="50" maxlength="100" v-model="message" ref="message" onfocus="this.scrollIntoView();"></textarea>
But none of these resolve my problem. Could you please help?
Thank you.
Never mind. It turns out it is the bottom navigation bar that covered html <textarea>. Android OS does push the webview up when keyboard is displayed (It only shows the first line of <textarea> though). However, since I have navigation tab bar under the webview, it blocked the first line of <textarea> so <textarea> inside of my webview becomes completely invisible.
The fix is to add the following to my fragment.xml
android:paddingBottom="?attr/actionBarSize"

Popup or Child window in Java Script

Am developing a web application using phonegap. There is one issue where i need to bring a Child window on top of main window more like a popup. The child window is basically a notepad(textarea).
I tried to use onClick=window.open but it dint work in android emulator. And there is an api for phonegap which is loadurl .. but it actually takes to the next page (full screen) but not as an popup.
Could use ur inputs on How to create a popup window in javascript which works in android emulator
Thanks
Thilak
use http://dev.jtsage.com/jQM-SimpleDialog/
u can download from here http://dev.jtsage.com/jQM-SimpleDialog/demos/install.html

Can you capture a popup and load it in the parent/opener screen?

I am working on an app where I have a flash app that access a URL through an iFrame. The contents of the iFrame is 3rd party content. The content is a menu that you can navigate through but once you get to a certain point, the menu launches a pop up, and the popup is the continuation of the menu.
I was wondering if there is anyway that I could capture the popup and make it load within the parent/opener page, using jQuery perhaps to change the contents of the iframe?
This solution is probably way out there but I was just hoping for a nice quick fix.
The reason that this is a problem is that the app is for a tablet and the popup doesn't appear within an app on the tablet.
Thanks
If the iFrame content is served from a different domain than the parent/owner document, you're out of luck - that is, if you have no control over the iframe content. This is due to JavaScript's same origin policy.
If you are able to modify the web app running inside the iframe, you could try using window.postMessage (HTML5) to notify the parent window.

Force link in uiwebview to open in Safari - with JavaScript

This has a lot to do with my previous question:
detecting UIWebView with Javascript
I would like to force a link on my webpage to be opened with iPhones actual Safari Browser, and not in a UIWebView window, even if the app it's being viewed in tried to open all links in a UIWebView window to prevent users from going out of it.
Please note that this is not a duplicate as I'm trying to do this with Javascript/Client-side, not within my own native app (I own the page that's being viewed, but can't control which app is used to view it).
I do not think this is possible. I set up one of my apps to use a UIWebView only and never open Sarfari (though admittedly I allowed only pages within a certain domain).

Categories