jQuery Mobile 1.3.0 RC1 Released

Posted on by

The jQuery Mobile team is excited to announce the first release candidate for 1.3.0. This release is focused on elevating responsive web design (RWD) and brings lots of cool new widgets including panels, dual handle range sliders, and two different responsive table modes. We’ve also been doing a lot of work on re-factoring our AJAX nav system to make is easier to use and more consistent across browsers. Try it now: 1.3.0 RC1 demos

Demos & docs | Changes since Beta | Download & CDN

Changes since 1.3.0 Beta

There are lots of great new features in 1.3.0: panel widget, two responsive table modes: reflow and column toggle, dual handle range slider, responsive grids, new Navigate event and method, a listview reveal feature to make autocomplete with local data easy, and much more.

Check out the 1.3.0 Beta blog post for details of everything new in this release. For those following along, here are the fixes and improvements we’re added since Beta based on your testing and feedback.

Events

Modified event dispatching which was impacting proper dispatching of scrolling events under jQuery 1.9.0. Thanks erikyuzwa!

Fixed toolbar

Fixed incorrect event binding in _on (Issue #5487) – Page padding should be applied before transition starts

Fixed header jumps around when iOS keyboard disappears (Issue #5332)- added iOS6 to iOS workarounds

Panel

Set min-height when panel is open (Issues #5456 and #5471). Prevents vertical scrollbar.

Panel should close after, and not during, page animation (Issue #5480) – changed event listener to pagehide. Thanks jhogervorst!

Use extend in the create method also exposed resetActivePageHeight in mobile.navigation so panel can use it.

Chrome Issue: CSS column-count and data-role=”panel” (Issue #5508) – Bit more hardware acceleration of content-wrap required for Chrome.

Only apply active state to button styled links, not standard links

Only set page theme to panel theme for reveal and push mode.

Auto-close panel when clicking on a link in the panel with data-ajax="false".

Nav

Incompatibity with jQuery.noConflict() (Issue #5448) – Fixed by wrapping the path helper module in an anonymous func.

Nav incorrectly adding an empty hash in Chrome (Issue #5442)

Disabling hashListeningEnabled in 1.3 beta doesn’t work (Issue #5445)

Add to history without modifying the location.hash when history is turned off

Make it possible to disable history in dialogs (Issue #5465) – Retreat in the urlHistory stack when closing with history disabled.

Popup

Popup over selectmenu focus issue (Issue #5519) – Cleaned up focus restriction handling.

Prevent opening a panel while another panel is already open (Issue #5510) – Don’t start opening a panel before other panels are closed.

Set default theme for panel to “c”

Fixed incorrect fixed toolbar width and position if animate is false.

Rangeslider

Missing argument in function _dragFirstHandle – exception was thrown in Firefox. Thanks stforek!

Selects

Get rid of hasAttribute calls. (Issue #5506) Thanks erikyuzwa.

Tables

A data-mini button in a data-role table doesn’t work (Issue #5531) – reset line-height for buttons in table

Text inputs

Text Input had too much padding on the right (Issue #5470) – Only set more padding right if option clear button is true

The textinput(‘enable’) method not working properly (Issue #5447)

Theming

Make it easy for people to override the icon color by just adding the ui-icon-alt class to the element or a container.

Added ui-icon-nodisc class to make it easy to have an icon without background.

Removed any remaining blur on text shadows for better performance

Slightly lightened up the drop shadow opacity to remove muddiness

Replaced icon sprite and update and set icon bg position for both SD and HD.

Cleaned up SD icons for clarify and alignment

Slidefade CSS: add two missing semicolons. This enables using the CSS as SCSS without compile errors.

Please help us test!

We’re looking for help with testing this release so we can release a final build as soon as possible. Browse the docs or try out the 1.3.0 RC1 release in your projects, then report issues in the GitHub tracker. Be sure to specify the device, OS version, browser, steps to reproduce and include a simplified test case that uses the latest build (see our contributing guidelines for a test template). If all goes well, we hope to release the final build in 2 weeks.

Try it now: ThemeRoller and Download Builder have 1.3.0 RC1

We will now support pre-release versions to both the ThemeRoller and Download Builder tools to help you test. Please be patient, these may take a while to update for each release.

Download

CDN-Hosted JavaScript:

CDN-Hosted CSS:

Copy-and-Paste Snippet for CDN-hosted files (recommended):

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>

ZIP File: If you want to host the files yourself you can download a zip of all the files:

Microsoft CDN hosted jQuery Mobile files:

Fork jQuery Mobile on GitHub
https://github.com/jquery/jquery-mobile

  • http://twitter.com/MorningZ Stephen

    your link to “a listview reveal feature to make autocomplete with local data easy” doesn’t work (http://jquerymobile.com/demos/1.3.0-rc.1/docs/demos/listviews/listview-filter-reveal.html), I was interested in reading about that :-)

  • http://www.facebook.com/roman.illusion Roman Illusion

    Great work, guys!
    Hope you’ve fixed popup plugin position on Android 2.3.4 and popup open problems inside iframe on desktop Google Chrome.

  • http://twitter.com/geoffreyemery Geoffrey Emery

    is there a way to follow this roadmap on a more detailed level?

  • http://www.responsive-mind.fr/ rmg

    Great job guys ! These panels stuff are really great, thank you very much

  • http://twitter.com/GregMelson Gregory Melson

    Love it!

  • http://elmapps.com/ Anthony

    Working great so far! Thanks for all you guys do :)

  • Pierre Alletru

    Lots of fixes I was looking for. Thanks!

  • http://www.facebook.com/adrien.ballet Adrien Ballet

    I can’t wait for the stable version! Thanks all the team!

  • wazoo

    some real exciting stuff! Great work!

  • Jiří Hofman

    Will be fixed the annoying problem of events’ double firing when going back in history?

    It is really unpleasant when user closes a popup and gets not only to the page from which the popup was opened, but to its preceding page in a history.

    It happens randomly, not always but too often. It’s a nightmare.

  • Mike Hartington

    Really enjoying the panels option built into 1.3. Maybe try to incorporate loading external multipage files?

  • http://www.facebook.com/DanWirtz Daniel Wirtz

    Icon positioning is incorrect for me in both FF and Chrome while correct using beta 1. Inner icon position is about -2px top, -1px right. However, keep up the good work!

  • Bob

    There’s a major error on the demo version. In the html code, the jQuery file should read

    jquery-1.9.0.min.js and not jquery-1.9.min.js as shown.

  • http://www.facebook.com/fflashtr Ahmet Yilmaz

    I developed my project with 1.2 version. Do I have any problem if I replace it with 1.3 ?

    • Joram Teusink

      Not really. But be advised that the final of JQM 1.3 will support/need jQuery 1.9.0+. And there are some deprecated stuff being removed in version 1.9.0. But overall, no problems upgrading.

      • http://www.facebook.com/fflashtr Ahmet Yilmaz

        thanks

  • Giulio

    ERROR

    Post 2 times the value.

  • Emanuel

    I found that the tables reflow and column-toggle don’t work when you add rows to the table dynamically after the page has been loaded. Even after calling $().table(“refresh”) method, new rows won’t behave as expected (for instance when hiding columns).

  • http://twitter.com/anderssonola Ola Andersson

    Can anyone explain why source of latest and 1.3.0-rc.1 differs, but both files has the same version-number specified in the source?
    http://code.jquery.com/mobile/latest/jquery.mobile.js and http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.js

  • Pratik

    I developed my project with 1.1 version, is there any problem will occur if I replace it with 1.3 ?

  • http://twitter.com/geoffreyemery Geoffrey Emery

    Any News On Full Release for Monday?

  • יבגני זביאגינצב

    I use jquerymobile.rtl plugin to resolve rtl layout in ver. 1.2

    does ver. 1.3 supports rtl layout???

  • http://twitter.com/EdinaToric Edina Torić

    Panel causes the app background image disappear..Any thoughts?

  • Worawut

    jQuery Mobile 1.3.0 RC1 Released

    position:fixed doesn’t work inner data-role=page in firefox 19.0.2