there is one issue with page scroll down you can,t select any tile i that for this try to re size your browser
and create a vertical scroll and then select any tile you will see the issue. please see this screen shot am facing this issue in html5 version. Thanks any help will be appriciated
Please see the attached screen shot
i got success to get resolved the issue. by getting scroll top and scroll left in jquery to get highlight specific tile in pivotviewer . so now when page resize it don,t disturb its position. :P
Related
A simple, one page view website, which I built on ReactJS started twitching anytime I moved my cursor. It seems like the browser width is changing, with a few pixels of margin added to the right, every time that happens. This doesn't seem to happen when viewing with the Chrome browser in mobile screen mode, under the developer tools. Which probably means it's as a result of the cursur interacting with the page. Has anyone encountered something similar?
It usually happens when you have an element that changes its width, padding, margin or border on hover or a Javascript event. This is not caused by React.
Please, share some css or JS you think may be involved to help more.
I found the bug, an animating component that kept touching the edge of the browser was the issue. I added some margin to the right of the component and the twitching stopped. Thanks to everyone for your help.
I am developing an app with angular and ionic, and I am facing a strange issue with scrolling.
What I currently have, is a directive to display some temperatures on a page.
Everything works, but if I try to scroll using the mouse wheel (when the mouse cursor hover some text) the page won't scroll. If, however, I have the mouse cursor somewhere else, the page scrolls.
To better explain and show this issue, I've created a codepen which you can find here: http://codepen.io/NickHG/pen/beBGdx
I have no idea why this happens.
Any suggestion?
Thanks
I've found a workaround.
Set overflow-scroll="true" in the ion-content.
I´m working with md-datepicker. In some screen resolutions (or if I do a zoom out in the browser), the calendar open in Full Screen Size and all the background is White. Also, the bar that shows the days, is hidden.
I attach an Image for reference. How can i debug for find the reason of that behavior? I have been modifying some styles, and using diferent containers´ options, but without success. Thanks in advance for your help and ideas!
Image: https://s10.postimg.org/604p76qix/md_datepicker_full_Screen.png
https://postimg.org/image/hp8ov5hhh/
This was a bug in 1.1.0. Version 1.1.1 fixes it.
Workaround is setting overflow:hidden; on the md-datepicker-input-mask class
I have angular UI bootstrap's carousel directive implemented on my site. Everything is working fine and suddenly I noticed that whenever I browse to other sites, leaving my site open in one tab and come back to my site again, the pager and carousel controls stop working. It's strange but I have set my carousel to auto rotate and it also stops.
The carousel won't work until I refresh. First, I thought I had some bugs in my code, but when I tried their own slider from the https://angular-ui.github.io/bootstrap/#/carousel website, also shows the same behavior.
Any thoughts or fixes on this?
For the code, please visit this link :
https://angular-ui.github.io/bootstrap/#/carousel
And scroll down to the Carousel section and click Edit in Plunker.
Thankyou!
This is a known issue and is under investigation.
We've noticed lately that the grids in our website as well the ones on the demo page for the grid show the vertical scroll bar until the page finishes loading and then disappears. It appears to be adding 'overflow: hidden' to the table which has the effect of removing the scroll bar. When I remove this css (inside Chrome debugger) the scroll bar re-appears. I have confirmed this behavior on multiple users' systems.
Anyone know of a fix for this? I have a feeling this is something Telerik will have to fix.
This bug is happening because of a setting located in the Chrome debugger settings called ‘Emulate touch events’. When the Telerik grid detects a touch enabled browser it adds the overflow:hidden to the grid. In my case, a majority of the laptops at my work are touch screen enabled and so the 'bug' manifests on those machines.