I have a jQuery Dialog box on one of my pages. One of the buttons in the dialog boxes triggers a JavaScript prompt OnClick. Everything seems OK with the lastest versions of Internet Explorer, Chrome, and Mozilla Firefox, but some users are reporting weird behavior.
Are there any known browser compatibility errors with jQuery UI dialog boxes?
There is a known issue with ui dialog and IE6, you can read more here:
http://old.nabble.com/UI-dialog-content-in-IE6-shifted-left-td18567076s27240.html
It seems that the content randomly shifts left.
Related
I have a problem with opening dialogs on Safari iOS 10.3.3 (Angular 5.2, Angular Material 5.2.4). I can open and close dialog multiple times but after several attempts dialog doesn't show up (dialog is visible in the DOM but is not shown to the user). When I trigger any style recalculation in dev tools dialog shows up. Switching browser tab and switching it back also helps.
My problem is related to issue https://github.com/angular/material2/issues/10530.
Do you have any workaround or idea how can fix it before Angular Material team will solve this?
Double-click on my Vaadin table cell makes it editable.
I understand that once it's editable it's a TextField.
I'm able to select text in the TextField while on Chrome.
However, I'm unable to select the text on IE.
I'm using IE11. Expectation for the page is to work same across all(IE, Chrome, Safari, Opera, Firefox) browsers.
Vaadin 7.4.3 is being used in my application.
Try to update your Vaadin version and test. Probably this can be a bug and we can not help you. I suggest to create bug report on: https://dev.vaadin.com/
When I use this setting I have one in a form in a dialog, and one in a form that is in a popup. The dropdowns look different.
When data-native-menu="false" the dropdown in the dialog appears in another dialog, which actually looks quite nice. I assume this will allow a more consistent look and feel accross devices.
However when I use this setting data-native-menu="false" on a Select in a popup it does not show the standard select, not the dialog.
Thanks
There's a good reason for this.
As you can see there are 2 kinds of select widget. First one uses native looking select box (one showed with data-native-menu="true"). Other one still uses native select box but it hides it and shows custom jQuery Mobile select box widget (one showed with data-native-menu="false"). This jQuery Mobile widget is shown as popup. This is important point.
Second, mentioned problem is unsolvable, at least from the point of current jQuery Mobile framework, and here's why. In few words, when working with jQuery Mobile popups, one popup can't open another popup. Two popups can exist in the same time. Thou you can always close one popup before opening another one, but this is not usable in your case. Because jQuery Mobile select widget is popup it can't be used inside classic popup widget.
If you don' believe me you can find it in official documentation here, just search for text: "Chaining of popups not allowed". And you will see this text:
The framework does not currently support chaining of popups so it's not possible to embed a link from one popup to another popup. All links with a data-rel="popup" inside a popup will not do anything at all.
On the other hand, dialog is a variation of a classic jQuery Mobile page, just with large margin and semi transparent overlay. It can be used to show popup, just like normal jQUery Mobile page.
I'm using the jQuery UI vertical slider, and when I click on a new tab of a web browser (Firefox, Chrome, and IE) the state-focus is activated for no apparent reason of the slider.
When I click on the slider that state-focus goes away, and when I click on the window there is no state focus (which is what it's suppose to do.), only switching tabs.
I know this is a bug but I can't find the piece of code to remedy it. Help?
I'm using jQuery UI 1.8.21.
This has been solved by separating the ui-state-focus from ui-state-active in jquery ui slider-vertical's default css.
So the bug doesn't effect the presentation of the slider.
Here's similar problems user are having:
jQuery UI button not "unclicking"
http://forum.jquery.com/topic/button-and-dialog-ui-state-focus-on-button-being-kept
I am using jquery modal dialog box in my application. it works fine in across the browsers.
but i am not able to use ctrl+c(copy text) basic browser keyboard functionality.
please tell me how i can make it working for me.
demo of problem can be seen on http://jsbin.com/anuso