I am trying to integrate quill editor in my react-native application. I am using
react-native-webview-quilljs package for this.
https://github.com/reggie3/react-native-webview-quilljs
<WebViewQuillJS
defaultContent="sdfsd"
backgroundColor={"#FAEBD7"}
/>
The problem I am facing is the editor is zooming in when I click on editor to type. This behaviour is taking some part of the editor from the right side off the screen and have to scroll. This behaviour is seen only in iOS platform but not in Android.
I found a work around which might not be a good way.
In index.html from the path given bellow, I changed the meta tag
node_modules > react-native-webview-quilljs > assets > index.html
from this
<meta name="viewport" content="width=device-width,initial-scale=1"/>
to
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
if there is any other solution, would be welcome
Related
I'm a web developer.
I'm starting today at react-native. I was able to install everything and configure vscode with the emulator.
When I run the command: (react-native init myAPP) is creating app.js already with a structure.
My question:
As I come from the web, I know the basis for html development is:
<!DOCTYPE html>
<html>
.
.
.
</html>
What is the basis of react-native development?
I understand that react native does not use html structure, the application is armed with native elements of react native. Use <View> </View> to generate a blank page and place your logic inside.
https://react-native-elements.github.io/react-native-elements/
I am developing a responsive website with angular 7 and Bootstrap 3. Works perfectly on all browser but IE. In IE11, wherever I am using col-lg-12, content goes to the next line.
Add the following code to your head tag
<meta http-equiv="X-UA-Compatible" content="IE=edge">
I'm trying to find a quality selector for Videojs 7.5 that automatically lists the available bandwidth versions in a HLS and MPEG-DASH manifest. A bit like YouTube where you can select a quality, but without having to manually place resolutions in the embedding code.
I tried several options listed in https://videojs.com/plugins/ but they all seem to be made for much older versions.
Anybody an idea?
I found it. https://www.npmjs.com/package/videojs-http-source-selector does the trick.
It fills in all resolutions retrieved from the manifest and it works with videojs 7.5.0
You need to install videojs-contrib-quality-levels.js as well.
With other quality level plugins, you have to fill in all resolutions yourself (dynamic), which I liked to avoid.
Use these libs. It automatically picks up the qualities. Works smoothly with dash or hls link.
<!-- Brightcove quality picker -->
<link href="//players.brightcove.net/videojs-quality-menu/1/videojs-quality-menu.css" rel="stylesheet">
<script src="//players.brightcove.net/videojs-quality-menu/1/videojs-quality-menu.min.js"></script>
Demo player here: https://sahilkashyap64.github.io/hls/index5.html
The application built on MobileFirst (IBM worklight) is not displayed properly on iPhone X simulator.
How can we fix this display issue?
Secondly, Mobilefirst compatible with "safe area" xCode 9 feature?
Please advice.
This is a known issue and is being fixed. Open a PMR with IBM MobileFirst to obtain a fix. Until then , you can use this workaround:
Go to .html page of the application and replace the viewport meta tag by adding the viewport-fit=cover property
Replace
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
minimum-scale=1.0, user-scalable=0" name="viewport">
with new tag
<meta content="width=device-width,initial-scale=1.0,viewport-fit=cover,
maximum-scale=1.0,minimum-scale=1.0, user-scalable=0" name="viewport">
I am using Dojo Accordian Container, the content panes inside the accordian are just displaying text. Everything works fine in firefox, chrome except for IE 11. Below are snapshots of the issue
When I do something on the browser, like say If I open developer tools, the correct text gets displayed
Have you tried using this in your HTML??
<META HTTP-EQUIV="X-UA-Compatible" content="IE=Edge" />
I've had many problems with IE and dojo in the past. Firefox and Chrome always seem to work perfectly. It's just a stab in the dark but the line above fixed many similar problems for me.