Alpha 2's secondary page/dialog CSS appears broken (Safari)
I cut and pasted the example page transition code from here: http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-pages.html (specifically the "Complete Single Page Template") into two files, test1.html and test2.html. I then changed the content in test1.html so that it contained a link to test2.html. That all worked fine. When however I changed the three JQueryMobile includes at the top of test1.html so that it pointed to the alpha2 release (rather than alpha1, which the example code still uses),
After "error loading page" message, link no longer works
I've noticed this today testing jqm for the first time on a small project. If a page fails to load, the "error loading page" message displayed in the transient yellow (style e) modal is shown shortly after the "loading" modal. Thereafter, the link that failed to load doesn't function. To clarify, the first time you use a broken link, you see the loading and error dialogs. Thereafter, you are shown no dialogs, and so the link is now a nop. I can see why one might do this, as what's the point of processing
Alpha 1.0a4.1 button bug?? - active theme applied and remains
Hi, If you run up the following page (updating the reference links as required), you'll notice that when you click on a button, it stays blue. Revert back to version 1.0a3 and the issue is not present. I had problems with 1.0a4 so can't say whether the problem's there as well. Also, ie9 working much better - but one of the themes (c I think) comes as an unreadable blue. cheers Matt <!DOCTYPE html> <html> <head> <title>Active button bug</title> <%-- <link href="../Styles/jquery.mobile-1.0a3.css"
List items stay selected with 1.0a4.1
List items stay selected when clicked with 1.0a4.1, at least, on my HTC Desire, not in Google Chrome. In my app clicking a list item moves you to the next page. When you return to the list the item is still selected. This happens with every list item so after a while all list items are selected.
Active item in navbar loses highlight
Hello Im using the lastest jQuery Mobile alpha 3 and is having trouble with the navbar and a multipage template. After navigating 2-3 times using the navbar the currently active menu item is no longer "active" and highlighted. Below I have pasted my very simple sample which is mostly based on the multipage template on http://jquerymobile.com/demos/1.0a3/#docs/pages/docs-pages.html I have the described problem in both Firefox 3.5 and Chrome 10, both desktop versions, and a Android 2.2 browser on a
Decimal Steps with Range Slider?
Though HTML5's "range" input type does allow a step value that accommodates decimals, jQuery Mobile doesn't seem to respect that. It looks as if JQM just rounds the value up, which isn't good for my use. I am trying to use the following: <input type="range" name="HoursWorked" id="HoursWorked" value="1" min="1" max="24" step="0.1" /> As I said, JQM is just rounding my slider value, ignoring the actual step value. Is there a reason for this? Also, can I disable this behavior? This specific use requires
Global select box display bug??
It seems like currently there is a fairly large bug in the select box control which variates whether it displays a listview overlay or creates a new page of list items (for small/larger lists of items for usability). Even the jQM example at: http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-selects.html is affected as well it seems. The bug only seems to occur if the amount of items in the select box is reasonably close or more than enough for a full screens worth of select box items but there's
Ajax Navigation, URL and Page elements issue in a4.1 demo
Hi, I am working with sample project to analyze the Ajax Navigation, and URL behavior in jquery mobile. I found one strange thing , not sure that it is a problem or not. I tested it in Firefox 4. To check this issue, Go to jQuery mobile Demo page here: http://jquerymobile.com/demos/1.0a4.1/ 1. click first item under overview - "Intro to jQuery Mobile" from the listitem view. 2. now once that page is loaded, click home on top - right corner. this will show you home page again. 3. Do this for 6-7
https://code.jquery.com has an invalid SSL certificate
On http://jquerymobile.com/download/ you kindly offer CDN hosting on code.jquery.com. However, for those of us who use SSL on our sites, we need to use SSL for this as well. Unfortunately the server certificate (with edgecdn.com) is invalid. Can you get this fixed. Thanks for a great product! -Rolf
jQuery Mobile doing ajax request for inline pages when passing parameters
For developing a web application I am using jQuery Mobile. However, I recently ran into a problem when having multiple pages in a single HTML-file and trying to link to them: <div data-role="page" id="first"> <div data-role="header"> <h1>First</h1> </div> <div data-role="content"> Content of first page </div> <div data-role="footer" data-id="footer"> <div data-role="navbar"> <ul> <li><a href="#first?foo=bar" class="ui-btn-active">First</a></li>
Footer popping into the middle of the screen
I'm having an issue where if I go from a screen to a screen that is longer, the footer will pop in to the middle of the page. Any ideas as to what's causing this, and more importantly, what can be done to fix or work around it? Thanks
Selectmenu (select box) widget still useless... can anyone else verify?
In jQM alpha 2, the selectmenu widget for creating nice select boxes was basically unusable to me because it contained really bad bugs that caused javascript errors with the hashtag page tracking and had a lot of display bugs as well. Specifically the biggest issue was when you had a select box with several option items... it creates a full-sized page that acts as a dialog to display the option menus as opposed to when the list is short and it generates an overlay on the same active page. My original
Radio, checkbox and select disappearing
I am using jQuery mobile to develop a mobile friendly site. When I post a form to the same page all the radio buttons, checkboxes and select boxes disappear. (The reason for doing that is to display validation errors above the form.) More generally if any of these controls has an id which is the same as a post variable name they just don't display. I don't know whether it is a bug or feature, but it seems to be the former to me. Edit: I figured out in the meantime, that it is not neccessary to actually
Fullscreen positioning doesn't work properly
In the latests Alpha 2 the Fullscreen positioning doesn't work properly. Whe you open a page this is the behavior: iPhone: When you open the page the header/footer are hidden. When you tap nothing happens. When you tap again (2nd try) header/footer are displayed. At this point, everything works properly. Android: Exactly the same as the iPhone. Desktop: When you open the page the header/footer are hidden. When you click again header/footer are displayed. Also, if you move the scroll bar, header/footer
Performance problems in A4 release with dynamic listview
I have encountered some major performance differences between a3 and a4. I have a dynamic listview using <li> elements, in a3 version the following takes 142ms var spList = $("#CustomerList").find( "#listview2" ); spList.listview('refresh'); in a4 version it takes 13204ms. Is there something different that needs to be done in my code or is this a bug?
Why doesn't JQuery Mobile change to the proper URL (nav bar) when clicking on exernal links?
Hi everyone - I just noticed that when I'm navigating around my app, the URL doesn't seem to change. Specifically, I start on a page, default.aspx. I've got some UL listview links. I click on a link, for instance, "product_list.aspx". The page renders with the list of products, however the URL in the Navigation Bar stays as /default.aspx!!! Since I'm using .NET, this causes all sorts of havoc when I try to click on "pager" links (they do a postback to the local page, however, they think the
Address Bar Not Hiding - Alpha 4 Safari iPhone
I've noticed that in Alpha 4 the address bar on safari iPhone is no longer hiding like it did in the previous Alpha 3 release. Is a new configuration setting required to force this behavior now or is this a bug?
ui-icon-arrow-r not shown on samsung galaxy tab when changing from alpha 3 to alpha 4 and using local files
hi all, when I change from alpha 3 to alpha 4, the right arrow icon at the right of an unsorted list item disappears on my samsung galaxy tab when I use a local jquery.mobile-1.0a4.css file (I see solid filled grey circles in stead). When I go to the jquery mobile demo website it is ok, but when I rebuild the jquery demo website locally the arrow is gone. I found out that if I comment out three lines in the jquery.mobile-1.0a4.css file the arrow is show again: So when I use this original code from
Links on Dialog Pages does't work in nested lists.
Having one of the nested list item open a dialog upon pressing, does show the dialog popup, but clicking on the link just closes the dialog box and returns to the original page. It will not go to the page linked. Below is a sample implementation <ul> <li> States <ul> <li><a href="tennessee.html" data-rel="dialog" data-transition="pop">Tennessee</a></li> <li><a href="Alabama.html">Alabama</a></li> <li> <ul> And lets say the tennessee.html contains an a href link.
Navbar : active tab does not appear selected
When browsing each page of a navbar, the first time I choose a link, it appears as selected, as I set on it : class="ui-btn-active"But the second time I choose a link, it does not appear selected (il looses its class). Usages of navbar in demo do not really select a page, so its behavior is correct since it is only present on one page. It would be usefull to provide a multipage example of navbars in demo.
Really long listview = Blank page on iPhone
I set up an example page here: http://jsbin.com/opavi5/3 On any desktop browser, the page displays properly. But on iPhone4, it is just a blank page. If I shorten the list, the page displays fine on iPhone. It also displays fine on Android phones. If I change the script references to alpha 3, the page displays fine on the iPhone. So some change has broken long lists with the iPhone, but I have no idea where the problem is. Edit: Also, as a sidenote. This is a very simple list. So I had to make it
pageLoading animation never shows on iPad, only once on Android, always in Chrome
I've got a simple app that reloads a list based on whether a value has changed (in another page) So, when the "pageshow" event triggers on the list containing page, I reload the list if needed. When reloading this list I run: $.mobile.pageLoading(); And when done: $.mobile.pageLoading(true); This: never works on the iPad (iOS 4.2.1) works once on my Nexus One (Android 2.2.2). When I reload the entire app it works again, once. No matter how many times the list needs reloading, it always works in Chrome
The 'Back' feature is not working under chrome extension
Hey, I've developed with this little tool to help users solving 'words games'. In iPhone/Andriod it's working great but as I've put it as chrome extension everything is working fine except the 'back' button that do nothing. The tool is using jQuery 1.5 and JQM 1.3a Thanks, Ido
Select Menus data-native-menu="true" Not working for Android
When I use data-native-menu="true" in iOS and Chrome, everything works as expected. However, if I use it within a fieldset on Android, the first drop-down in the fieldset works, but no drop-downs after that work at all.
Bug in select menu form
Hi, I find a bug that you can reproduce with the JQM demo http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html clic to Select a state, many option to show, so it's create a new dialog page. The URL become: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html&ui-state=dialog I clic on Alabama, this close the dialog page but the URL still: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html&ui-state=dialog and if I try to clic to the back button..... the Ajax
Stuck in "ui-mobile-rendering" - page not displayed
Hi All, From time to time, I'll deploy my app and when I fire it up all I get is a blank screen. The body seems to have the "ui-mobile-rendering" class applied to it, which sets it's visibility to "hidden" and it never recovers. This issue *may* be specific to Firefox, as I don't recall seeing it in Chrome. But, I use Firefox for most of my development due to Firebug. Please let me know if others have seen this, or if I can provide more info to help get to the bottom of it. Tom
Alpha 4: [iphone] viewport not resizing with meta viewport height=device-height + virtual events
The viewport in alpha4 isn't resizing at all after an ipad/iphone (ios 4.2) rotation. Everything is fine on android. The problem arises when height=device-height is used with width=device-width in the meta viewport. Is this actually the right behaviour or is it a bug? Alpha4 also suffers from double tap problems that have been solved in beta-pre. The whole virtual event thing seems to be buggy in beta-pre, for example: pagebeforecreate event is fired before a 'vclick' event bound to an anchor.
Long select history problem after dialog close
Hi all, The problem I ran into can be demonstrated with the default demo for selects page: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html the second demo is of a select with many options, so that the options list is opened in a dialog (nice feature, btw). The problem is that after choosing an option the dialog closes (as it should), but not cleanly, so that pressing back goes to an empty page instead of to whatever was the previous page. I think that the problem lies in the ui-state=dialog
ListView Arrow Button Don't Respond To Click
Hi, I don't know if this is a bug or just the way to go. I found out that there is no respond if we click the arrow button in listview. It's all ok if we click elsewhere in the listview but not the arrow button(which is autogenerated when we use data-role="listview" tag). The jQM demo page also happens to behave like this. AFAIK, people tend to click an arrow assuming thats the right button to go forward. - Iyas
Using selectmenus in landscape view seems to break navigation on Android (Alpha 2 & 3)
I noticed that changing a selectmenu's value on a landscape page containing 1 (or more) "selectmenus" seems to break navigation under Android. In Landscape view it seems to try to do an animation to make the selectbox disappear (Reducing it's size quickly until it's gone). This also affects the URL. "&ui-state=dialog" gets added behind the current page hash "#page-config". When I hit the "back" button in the header: the "&ui-state=dialog" disappears, my hash "#page-config" remains, the page turns
Forms on Windows Mobile 7
Has anyone managed to implement a form successfully on Windows Mobile 7? I'm using an HTC Spark / Trophy and whenever the phone sees an input tag, a blank page is returned. Strangely the code works on the jQM site, but when I place the code from the forms test page on either my own machine or my server, it has the same problem - input tag results in blank screen. The response is coming back the same but even if I set: $.mobile.page.prototype.options.keepNative = "input"; - to override the jQM element
Alpha 4 - orientation change CSS don't work in android [FIXED]
in my phone (Motorola Defy - android 2.1-update1) don't work the change class (portrait landscape) in orientation change. To fix it I added after the jquery.mobile-1.0a4.js the code: $(function() { onChangeOrientationResize = function() { $('body').removeClass('portrait landscape').addClass(window.orientation ? 'landscape' : 'portrait'); }; if ("onorientationchange" in window === false) { window.addEventListener("resize", onChangeOrientationResize, false);
A4:Scrollview+Select LOV
Hi All, Alpha 4 make Select LOV not functional when used together with scrollview plugin. One can be reproduced directly in "Form element Gallery" of /experiments/scrollview/. Select options either do not appear or for some of them it takes upto 5 seconds to be presented to the user. Please advice
Images will not show on BlackBerry 9800 simulator
I have tried both the data-icon attribute and the standard icon that gets displayed with say a data-role="collapsible" element. What is rendered is a grey circle without the icon in the middle. I have tried different themes with the same result.
jqmobile 1.0a4 - styling problem
upgrading from 1.0_a2 to 1.0a4 got me some styling problems. For example: the icon of the "ui-btn-left" sits too far on the left, reaching out of the button and getting cut off. I just wanted to ask if this is a known bug, if there is a fix, or if somebody else expierienced this. thx gbye
selectmenu('refresh') when removing items
selectmenu('refresh') when removing items: observed issue in UI In my code I am using jQuery to clear a menu in-place and re-render it. Effectively I run: $('#selectmenu').html(''); $('#selectmenu').append('<li>Item</li>'); $('#selectmenu').selectmenu('refresh'); However, in the UI, upon clicking the menu, the lightbox style list of options still shows old options (Chrome 10.0.648.204 as test browser) even though they are not clickable. Fortunately, only the new options are clickable. FYI to dev
Nested collapsible set into a collapsible set
Hi! JQM team! I first want to say that i had a lot of fun to use JQM framework! Thanks a lot! Usefull and easy to use! Very good work! I'll be glad if my problem contributes to your community. Here is my problem: I got a collapsible set (main menu). This one contains nested collapsible set (sub menu). When i expand an item of the main menu it works fine. Sub menus appears. But when i want to expand a sub menu item it close all menus items bringing us back to main menu items. here is my code <div
Select box needs option to not open long lists in new page
So I've been complaining a lot about select boxes lately because it's in my opinion one of the most needed yet ironically buggiest widget in jQM. Here are my current complaints: http://forum.jquery.com/topic/global-select-box-display-bug I just ran into another situation where I was loosing my current page's "state" and then I realized it's because the select box opens long lists in its own on the fly created page. I knew this before but the connection wasn't being made until just now when I realized
jQuery Mobile not working with Symbian^3 browser in Nokia N8.
I am using a Nokia N8 with Symbian^3 which is supposed to have A grade support for jQuery Mobile. However, when I try to watch the jQuery Mobile demo website in it to test for support, it doesn't work and I see this. Is the Symbian^3 browser supported yet with jQuery Mobile Alpha 4.1? Symbian devices still hold a lot of market share to overlook support. ______________________________________________________ Saurav Srivastava Designer at SlideShare Twitter: gx_saurav Blog: http://gxsaurav.com
opening popup causes the browser window looses focus on IE9
In the example of the DIALOG implemented with a POPUP (here) starting from the second time the dialog is opened the browser window looses focus and becomes the last one in the windows stack. This happens on IE9 in windows 7. The problem doesnt appear on other browsers(Chrome, Firefox, Opera) . I implemented a similar example (popup that cannot be dismissed and header + content data-role within the popup) and also my example has the same problem. I know IE9 is not a target, but this might be a symptom
Next Page