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.
Related
I am using a WebView2 control in a WPF application to show a PDF to the user
This is normally displayed with a nice little toolbar, all part and parcel of rendering a PDF in a WebView2 control, allowing the user to navigate to other pages, zoom in or out, rotate, etc.
However, we found that as the window gets a bit narrower at some point this toolbar simply disappears. Is there something we can do to stop this happening?
As the available space for the PDF toolbar shrinks the PDF toolbar shows fewer and fewer controls. This is also true in the browser. However, in the browser the minimum horizontal width of the browser window is a value at which the PDF toolbar is still visible.
I'm not sure if this behavior is by design or not. You can try opening a bug report about this on the WebView2 feedback repo.
I've got a sidebar that breaks to full width on mobile and it won't allow me to scroll further when I get there. The JQuery version has the swipePropagation option but the angular version seems to not allow scrolling at all when the content is less than the container. Does anyone have a solution to this?
I have a BorderLayout Form where the Center is a ScollableY container which is BorderLayout with it's center having a container where I add items dynamically (BoxLayoutY).
The problem I'm having is that on Android Simulator and Device, it scrolls as it should but on iOS Simulator it truncates the dynamic list of items when its out of room.
What should I be checking in my UI Designer or Dynamic Loading Code to determine what could be causing this strange inconsistency?
I've attached a screenshot of both side by side.
You can't make a BorderLayout Container scrollable. We implicitly disable this to prevent a common mistake. It looks like what you really want to do is to make the BoxLayout.Y_AXIS scrollable on Y.
I have a site which uses a different menu for mobile devices than on the Desktop version using media queries. If I resize a desktop browser window to a mobile width and click the mobile navigation dropdown button and then resize the window back to desktop size, the mobile menu remains visible instead of changing back to display:none. Unfortunately this site is still in staging so I cannot show you a live example, but I was hoping someone could point me in the right direction of getting that DIV to become hidden again once the window is resized back to full screen.
Also, I realize that the chances of this scenario playing out in the real world are slim, but the client would like for it to be addressed anyway.
Thanks!
I figured out that it was javascript that was showing the DIV in the first place, not a media query, so I just added display:none to the div for the Desktop media query and the issue has gone away. Thanks!
I’m trying to deploy a CSS3-based horizontal navigation menu on a still-under-construction site I’m working on.
Hover or mouseover one of the menu’s titles and a drop-down menu appears. Move the mouse off of the title, or off of the list of dropdown items, and the menu collapses. So, the dropdown list of items stays open as long as it can ‘see’ the mouse pointer.
The menu features containers that allow for the presentation of content from the site, or even other sites. E.g., it can display images or entire webpages. I’m attempting to display an object created with Microsoft’s Silverlight platform. The object is embedded on another page of my site and, via php include, it plays well with the menu in all browsers I’ve tested it on … except Microsoft Internet Explorer 9. (Haven't tried IE10 yet.)
In the IE9 case, the Silverlight object appears as expected, but the dropdown menu collapses as soon as the mouse touches the displayed Silverlight object. I.e., the CSS3 menu loses sight of the mouse and the dropdown collapses the moment the mouse pointer touches the Silverlight object.
I haven't been able to find much in the way of help for this one.
Any thoughts or guidance are much appreciated. Thanks.