React-native item is cropped by container - javascript

I have problem with android layout and don't know how to solve it. The code is here https://rnplay.org/apps/XD0WGw on iOS all working fine, but on Android the half of circle "avatar" is hidden by "infContainer", this is image. I tried to use z-index but it's not working.Circle part should be visible on infContainer. Please help :)

Related

img comparison slider mobile

I've got a question about the img comparison slider from kavya sukumar. I already asked there in the issue thread. But i'm not sure if she's still active.
So I took her image slider for my website. It works fine in desktop version but in mobile it won't work. My Question is now, if somebody knows how I can fix it, so it'll work in mobile?
Here is my website:
http://486755-10.web1.fh-htwchur.ch/
It would be awesome if someone could help me!
Thank you!
For Mobile device make the container width:100% as well as images. Don't use fixed width, try to use percentage for mobile devices and this will support all mobile viewports.
Ex: Remove image width:500px and try to change in 100%
This will make responsive and supportive.

Lightbox thumbnail issue: header width becoming extended when viewing image

Having a weird issue that I'm not exactly sure how to fix.
I am using a jQuery lightbox gallery called "Fancy Gallery" for my portfolio images (found here: http://codecanyon.net/item/fancy-gallery-jquery-plugin/157532?ref=radykal&ref=radykal&clickthrough_id=643194202&redirect_back=true )
The issue I'm having is when the website is viewed on tablet or smart phone sizes.
When the user goes to the "Portfolio" section and clicks on one of the thumbsnails while the width of the page is say 500px, the header extends causing a shift in the site.
You can see this by looking at the following link: http://www.colorthegrayscale.com/CTG%20Developer/index
Any help with this weird glitch would be greatly appreciated!
There is a horizontal scrollbar that is always visible (chrome 48.02xxx). 2. Using Chrome developer tools, deleting the <svg> node eliminates the horizontal scrollbar. My best guess would be checking if svg.min.js is the blame. I hope this points you in the right direction.

Fixed position not working on ios devices

I am working on implementing a couple of instances of http://amsul.ca/pickadate.js/ but i seem to be running into a couple of problems with the css. If you view the above site on an ipad or iphone, the calendar is positioned correctly, as the container covers up the window as a good fixed position element should do. But if you were to see my site, and pull up the calendar, then you would see the calendar container (the greyed out background) starting from the bottom left corner of the input that it is next to (as if it were positioned relative) and extending with the same dimensions of the window. In addition to this, when I inspect in mobile safari's web inspector on my mac, the blue box, which usually indicates where the div is being positioned is fixed to the top of the document and not necessarily the window.
The only error I'm getting are a 404 from a stylesheet that has nothing to do with this plugin.
here are 3 screenshots of the problem that i am facing, the first has shows the input that the div with the calendar is just after
http://www.dumpt.com/img/viewer.php?file=rvipsnuyfyuv8u6xt5dr.png
the second is where inspector seems to think it is rendering and you can see the translucent background further down the page
http://www.dumpt.com/img/viewer.php?file=nc7el13lcthqlzrsfarg.png
and the third shows that it seems to be the correct dimensions and everything, but the calendar does not seem to be positioning itself correctly
http://www.dumpt.com/img/viewer.php?file=8hbswbfv9abwobkth8iq.png
If anyone has any ideas about why this might be I would love to hear them because right now, i'm at a loss.
EDIT
This page has been tested on android devices and works perfectly.
Ok, so it seems that mobile does not support fixed elements very well.
http://www.quirksmode.org/m/css.html
Search: fixed
which is really unfortunate. If anyone has any workarounds for this, that would be really great.

jQuery Animate on Android nested div not moving

This issue seems to affect android only.
I'm working on a phonegap App for a client and I have a scrolling area using jQuery animate. However one of the nested divs doesn't move with it's parent div and stays fixed in position.
Again this issue only presents on android devices and works fine in desktop browsers and iOS.
Can anyone shed any light on what this may be?
Seems jQuery animate runs into issues with relatively positioned items, removed relative position and used margin and it seems to work now.

Javascript desktop to mobile problem

Right Now I am trying to set up a image zoom and the abilty to drag a enlarged image around in a contained box. The code I have for the desktop is show in this fiddle right here
The main problem I have is when i run this js in a mobile enviroment everything works except the ability to move the image around. I am sure my problem is that I am using onmousemove instead of outouchmove, I did on another fiddle right here that used that but still no dice.
So my question is am I not using ontouchmove right or if anyone has any suggestion it would be much helpful

Categories