jQuery Mobile Team Meeting – Jun 07 2012

  • Attending: Todd Parker, John Bender, Ghislain Seguin, Gabriel Schulhof, Jasper de Groot, Anne-Gaelle Colom, Jason Scott

link General Updates

link Todd

  • Device donation page by conference so we can announce
  • Roadmap for conference - let’s discuss
  • Site re-templating for the conference
  • Download builder alpha for conference - ready to go
  • 1.1.1 beta (or RC) for conference with hopefully a quick move to RC status
    • Consider asking for testing next week via branch preview
    • Outstanding items:
    • listview click performance (ready to land + benchmark)
    • blinky transitions in PhoneGap (re-opened for review)
    • update page padding (Jasper)
    • fixed 1 issue about shifting headers during transition
    • working on fix for issue about the default padding in structure css
    • about to close #4223 about setting uPP to false - see my comment there
    • 3 other issues might be fixed by PR from MauriceG
      • land PR (need test results from Todd before merge)
      • have people testing again to see if there are still issues
    • unable to close dialog in webview (Bender)
    • IE submit button (Jasper)
  • 1.2 alpha for conference

link Ghislain Seguin

  • kinda stuck in the code re-org because of the depend! plugin:
    • going to attempt moving the depend plugin
    • or upgrade to RequireJS 2.0
  • Q: Feedback on builder?
  • Q: Are we going to mention it at jQCon? Yes

link John Bender

  • jquery-ui using grunt-junit
  • de-linting almost finished
    • master only
    • Thanks Gabriel!
    • Damnit Scott!
    • adding to the build
  • new README
  • Q: css lint
  • Q: performance setup

link Gabriel Schulhof

  • Tab issues: Get tab navigation to work. Try to keep tab inside popup - futile. scroll to 0 when dismissing a popup opened from another popup - prevented, but there was a flash (looks like briefly scrolling back to 0). FF is fine. Is the flash still present?
  • Link blurring performance (4340) - not likely to be able to do the perf tests.
  • Proposals:
    • Link can open popup from another page (agcolom)? IOW, if user clicks link button and the popup referred to by href has not been enhanced, enhance it? If the popup is on another page, it's not a good idea because the other page has display: none set and the popup is its child, but if the popup is inside the body, it can be enhanced at first-click time.
    • .buttonMarkup({corners: }) accepts true, false, and now also "tl", "tr", ..., "left", "right", etc. https://github.com/gabrielschulhof/jquery-mobile/commit/f49abba3d0d3ee5f490d778ead3b705392fabbee and http://babulina.go-nix.ca/nix/jqm-buttonMarkup-corners/tests/functional/button-markup.html
    • This could help us fix 3635, because controlgroup wouldn’t need to access button classes directly, instead calling .buttonMarkup({corners: ”left”}), etc., thus cooperating with reusable buttonMarkup, such that if you later call e.g. .buttonMarkup({icon: ”another-icon”}) on a button that is part of the controlgroup it won’t mess up the button’s corners as a side effect.

link Jasper de Groot

  • finished buttons & form PR
    • still some minor Opera issues to look into
  • navbar/grid wrapping and gap - fixed 3 issues
    • need test results from Todd (WP and iOS) before merge
  • update page padding (see above)
  • IE submit button issue - working on test page and fix
  • https://github.com/jquery/jquery-mobile/pull/4303

link Anne-Gaelle Colom

  • a few commits for docs (minor corrections/corrections)
  • 14 new articles on the resources page
  • worked on api resource site:
    • dialog, collapsibles, collapsible sets complete (basic info). More info can be added. Will complete by the end of the week
    • slider: complete with full info
    • modified the XSL file to display all methods/events/options
    • modified XSL file to display the correct example base code

link Jason D Scott


link Open dev questions

link PhoneGap blinky transitions

link Fixed toolbars / updatePagePadding / header and content switched

  • Many related issues

link Re-enhancement after manipulation

link Button/form consistency

  • PR #4385
  • Should we add styles to protect buttons from a: basic styles?
  • https://github.com/jquery/jquery-mobile/issues/3444
  • Cascade issue bar link colors + reorder pseudo classes
  • TR issue #73 - links in bar not themable, always same as JQM default theme (Tyler Benziger)
  • buttons wrap on BB5 and IE7, buttons leave a gap on probably all other browsers depending on available width - Jasper

link 2.3 nav issues

link 1.1.1 Planning

link 1.2 Features

link Read-only lists

  • New styling including removal smaller font-size and padding of ui-li-static for 1.2 #4347

link Grid widget?

  • have the framework adding the ui-block classes (same as navbar widget)
  • data attribute # columns

link start="2">
  • Other
  • <

    • Donation page

    Testing Team Meeting – Jun 07 2012

    Released QUnit 1.7.0! There's now an official phantomjs runner addon, stack traces are much more useful (more lines if available), and various other small improvements. From the changelog:

    • Add config.requireExpects. Fixes #207 – Add option to require all tests to call expect().
    • Improve extractStacktrace() implementation. Fixes #254 – Include all relevant stack lines
    • Make filters case-insensitive. Partial fix for #252
    • is() expects lowercase types. Fixes #250 – Expected Date value is not displayed properly
    • Fix phantomjs addon header and add readme. Fixes #239
    • Add some hints to composite addon readme. Fixes #251
    • Track tests by the order in which they were run and create rerun links based on that number. Fixes #241 – Make Rerun link run only a single test.
    • Use QUnit.push for raises implementation. Fixes #243
    • CLI runner for phantomjs
    • Fix jshint validation until they deal with /** */ comments properly
    • Update validTest() : Simplify logic, clarify vars and add comments
    • Refactor assertion helpers into QUnit.assert (backwards compatible)
    • Add Rerun link to placeholders. Fixes #240

    jQuery Core Team Meeting – Jun 05 2012

    ****June 4, 2012
    Minutes (Notes) of the meeting of jQuery
    Location: #jquery-meeting on Freenode & Chat on Google Docs
    Attending: DaveMethvin, gnarf, rwaldron, gibson042, rworth, danheberden
    Time: Noon ET


    (IRC issues during the meeting;  #jquery-meeting did not log everything)


    Official Agenda:****

    Getting help for infra and new docs sites?

    • rworth:

    Schedule for 1.8 release

    • beta before the conf
    • bug triage meeting – Wednesday noon?

    Unit test failures

    http://swarm.jquery.org/job/208

    • effects in IE? gnarf can’t look right now – can someone else -mikesherov

    http://swarm.jquery.org:8080/job/jQuery%20Core/

    strip_iife branch ready to land – if we want to

    • line numbers in errors are for the built code – not the src/files.js
    • We seem to think that the benefits outway the debugging/development minor hassle
    • source maps?
    • LAND IT!

    JHP for serving – land it?

    • Need to coordinate with testswarm – Krinkle?
    • Can’t land until jenkins issues are resolved

    Need update to README to reflect current build process

    • There is a “draft” of these instructions in the strip_iife branch
    • LAND IT!

    Closure Compiler Advanced Optimizations (CCAO)

    • Talk with Chad Killingsworth
    • He will rebase against 1.8 later this month
    • We will land most of the CCAO unit test changes
    • timmywil, did CCAO changes land in Sizzle?

    Manual modularity

    Landed gibson042′s modularity for effects

    Others?

    • ajax?
    • css and dimensions – mikesherov

    Compat repo for deprecated/removed stuff? – dave

    • Separate plugins including compressed versions
    • Combined plugin with everything
    • “Debug” version with console.warn msgs?
    • We can host these on code.jquery.com, perhaps other CDNs

    Documentation

    Deprecations – dave created tickets, will finish docs

    Animation hooks Tween etc. — gnarf to outline

    Other things needing docs?

    .css(‘width’) respects box-sizing, .width() doesn’t; dimension setters – mikesherov

    vendor prefixing

    • automatic – ‘boxSizing’ will get ‘MozBoxSizing’
    • can create cssHooks for vendor-prefixed, which get priority over non-prefixed

    Remaining 1.8 items

    New items?

    Testing Team Meeting – Jun 01 2012

    Second QUnit meeting happened on Thursday. The focus was on triaging all existing tickets. In the process we closed a few as invalid, fixed two with actual code changes, and clarified a few other.  Documentation tickets will be handled once the qunitjs.com site is a little further. Once module filtering and their visual display is improved, 1.7.0 is ready for release.

    jQuery Mobile Team Meeting – May 31 2012

    • Attending: Todd Parker, John Bender, Mat Marquis, Gabriel Schulhof, Jasper de Groot, Anne-Gaelle Colom, Jason Scott

    link General Updates

    link Todd

    link Ghislain Seguin

    • Download builder now outputs structure + theme files based on new meta data
    • Working on decoupling basic components like touch, orientation, throttledresize

    link John Bender

    • Grunt work is done

    link Gabriel Schulhof

    • Fixed #4423 ( initial page has dialogHashKey ) need to talk about it.
    • Merged custom-select-via-popup - Need to talk about progressive enhancement.
    • Fixed popup screen sizing issues.
    • Issue #4340 ( slow lists ) need to talk with gseguin.

    link Jasper de Groot

    link Anne-Gaelle Colom

    • Will meet Richard about the new docs in XML format that follows the UI standard

    link Jason D Scott


    link Open dev questions

    Issue #4340 - do we need to blur() all links anymore now that gseguin has added the link tracking? https://github.com/jquery/jquery-mobile/blob/master/js/jquery.mobile.navigation.js#L1267 I’ve tried with that line commented out and the problem from #1840 (which caused the above line to be added) did not re-occur - Improvement: 37.7% on my N900 78.9% on my desktop Chrome 20 29.4% on my desktop Firefox 12

    BlackBerry 7.1 Transitions https://github.com/jquery/jquery-mobile/issues/4001 documentation about -webkit-backface-visibility: hidden;

    Auto-scroll expandibles - Todd to test https://github.com/jquery/jquery-mobile/pull/3520#issuecomment-5702502

    Opera mini bug - text focus https://github.com/jquery/jquery-mobile/issues/4311#issuecomment-5733560

    link PhoneGap blinky transitions

    Scott's recent fix for blinking in PhoneGap seems to be pretty solid, though I've see a few reports that some issues remain. Since PG is a big deal, we should probably accelerate 1.1.1 for release in the next 2-3 weeks. https://github.com/jquery/jquery-mobile/issues/3768 https://github.com/jquery/jquery-mobile/issues/4024

    link Fixed toolbars / updatePagePadding / header and content switched

    Many related issues

    link Re-enhancement after manipulation

    buttonMarkup() and/or controlgroup() https://github.com/jquery/jquery-mobile/issues/4317 https://github.com/jquery/jquery-mobile/issues/3635 Gabriel can have a look at these

    link Button/form consistency

    https://github.com/jquery/jquery-mobile/issues/4098#issuecomment-5469381 new PR + test page (Jasper) Test box-sizing border-box on WP: jsbin.com/emaziy/ (Todd) do we want form elements in toolbars to default to mini with option to override?

    PR #4385 Should we add styles to protect buttons from a: basic styles? https://github.com/jquery/jquery-mobile/issues/3444 Cascade issue bar link colors + reorder pseudo classes TR issue #73 - links in bar not themable, always same as JQM default theme (Tyler Benziger)

    buttons wrap on BB5 and IE7, buttons leave a gap on probably all other browsers depending on available width - Jasper

    link 2.3 nav issues

    The back button doesn’t work in 2.x in some situations. The proposed fix is a revert back to the old timeout based prevention but doesn’t prevent the popstate triggered navigation like the previous version did. https://github.com/jquery/jquery-mobile/issues/3980 https://github.com/jquery/jquery-mobile/compare/1.1-stable...3980-fix?w=1

    link 1.1.1 Planning

    Open issues: https://github.com/jquery/jquery-mobile/issues?milestone=14&state=open

    link 1.2 Features

    Issues: https://github.com/jquery/jquery-mobile/issues?milestone=13&page=1&state=open

    link Read-only lists

    New styling including removal smaller font-size and padding of ui-li-static for 1.2 #4347

    link Grid widget?

    have the framework adding the ui-block classes (same as navbar widget) data attribute # columns

    link start="2">
  • Other
  • <

    • Donation page

    jQuery Core Team Meeting – May 25 2012

    May 21, 2012
    Minutes (Notes) of the meeting of jQuery
    Location: #jquery-meeting on Freenode
    Attending: DaveMethvin, gibson042, mikesherov, rwaldron, Krinkle, scott_gonzalez
    Time: Noon ET

    Official Agenda:

    Unit test failures

    JHP for serving – land it?

    • Need to coordinate with testswarm – Krinkle?
    • Can’t land until swarm issues are resolved

    Need update to README to reflect current build process

    Manual modularity

    effects – gibson042

    jaubourg can do ajax part?

    Can we deprecate Boolean attrHooks? — probably not

    Compat repo for deprecated/removed stuff?

    • Separate plugins including compressed versions
    • Combined plugin with everything
    • “Debug” version with console.warn msgs?
    • We can host these on code.jquery.com

    Documentation

    • Deprecations – dave created tickets, will finish docs
    • Animation hooks Tween etc. — gnarf can you outline?
    • Other things needing docs?

    Remaining 1.8 items

    FYI: wycats trying to get standards to help our selector impl

    jQuery Mobile Team Meeting – May 24 2012

    link Download builder

    link jQM Modularity

    • I’ve heard a bunch of questions recently about how monolithic the library is. I know we’ve done a lot of decoupling work internally and now have the download builder which will help quite a bit.

    • Modularity questions: how much make we break things up for consumption:

      • Only want utilities like touch events, zoom fix, orientation (not yet?)
      • Want a specific subset of widgets and transitions (yes)
      • Only want certain widgets, no nav model (yes)
      • Only want nav model/transitions, no widgets or CSS framework (yes)
    • I’d like to do some analysis for LOE and see if we should focus on this for 1.3.

    • All modules use $.mobile - requires core

    • Also jQ core dependencies to consider - tree shaking to see how much we use

    • What is core? What is a module?

    link Timing

    1.1.1 rc1 - conference? 1.2.0 alpha/beta - conference?

    Need to discuss this more as we get closer.

    link Test suite

    John Bender - use grunt and now Phantom on swam.jquery.com More stable, consistent, and easy to debug Once we get test swarm running, we’ll be able to test in multiple browsers - that is the next priority for Bender

    link Open dev questions

    Auto-scroll expandibles - Todd to test https://github.com/jquery/jquery-mobile/pull/3520#issuecomment-5702502

    Opera mini bug - text focus https://github.com/jquery/jquery-mobile/issues/4311#issuecomment-5733560

    link Multi-view (tablet) layout Q’s from Sven

    • Quick update:

    I'm sort of done with my new multiview version. Some minor stuff left to do, but I worked out the main obstalces in tapping into JQM navigation and urlHistory to handle all panel transitions. I tested in IE8 and on iPad iOS 3 yesterday, which both worked, so I'm pretty happy with it. I will try to finish up in the next couple of weeks and set up a new multiview demo, too.

    The plugin now only requires 4 changes in JQM. If you have the time and any idea how I could get by without changing the following, I'd try to work this into multiview to stay "JQM tweak free" (I could also do a pull request on Github with the changes, if that's easier than via email...

    Thanks & best regards,

    Sven

    • JQM changes:
    1. createHandler - cleanform function = need to add an if-clause to prevent JQM from dropping active class on the wrong page.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    ...
    if ( $to.parents('.ui-page-active').length == 0 && $from.parents('.ui-page-active').length == 0 ) {
    $from.closest(':jqmData(wrapper="true")').removeClass( $.mobile.activePageClass );
    return;
    }
    ...
    $from
    .removeClass( $.mobile.activePageClass + " out in reverse " + name )
    1. urlHistory - store pageContainer in URL history
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    ....
    addNew: function( url, transition, title, pageUrl, role, pageContainer ) {
    ...
    urlHistory.stack.push( {url : url, transition: transition, title: title, pageUrl: pageUrl, role: role, pageContainer: pageContainer } );
    ...
    $.mobile.changePage(
    ...
    if( !historyDir ) {
    urlHistory.addNew( url, settings.transition, pageTitle, pageUrl, settings.role, settings.pageContainer );
    }
    1. transitionPages - promise.done(function() - add if-clause to prevent removing the wrapper page
    1
    2
    3
    4
    5
    6
    7
    8
    9
    if( fromPage ) {
    if ( $(fromPage).jqmData('internal-page') != true && (fromPage).jqmData('data-dom-cache') != true ) {
    fromPage.data( "page" )._trigger( "hide", null, { nextPage: toPage } );
    }
    }
    1. Plugin init - $.extend - set a flag to allow deeplinking on panels
    1
    2
    3
    4
    5
    6
    7
    8
    9
    // if hashchange listening is disabled or there's no hash deeplink, change to the first page in the DOM
    if ( !$.mobile.hashListeningEnabled || !$.mobile.path.stripHash( location.hash ) || $( window.location.hash ).closest('div:jqmData(role="panel")').length > 0 ) {
    $('html').data("deep", window.location.hash);
    $.mobile.changePage( $.mobile.firstPage, { transition: "none", reverse: true, changeHash: false, fromHashChange: true } );
    }

    link 1.1.1 Planning

    link Pull requests

    link PhoneGap blinky transitions

    link Fixed toolbars / updatePagePadding / header and content switched

    • Many related issues

    link Re-enhancement after manipulation

    link Button/form consistency

    • Should we add styles to protect buttons from a: basic styles?

    • https://github.com/jquery/jquery-mobile/issues/3444

    • PR #4385 commit 8509d57

    • Cascade issue bar link colors + reorder pseudo classes (also PR #4385)

    • TR issue #73 - links in bar not themable, always same as JQM default theme (Tyler Benziger)

    link 2.3 nav issues

    link 1.2 Features

    Issues: https://github.com/jquery/jquery-mobile/issues?milestone=13&page=1&state=open

    link Read-only lists

    • New styling including removal smaller font-size and padding of ui-li-static for 1.2 #4347

    link 1.3 Features

    ###Fetchlink - Needs API design

    ###Tabs - standalone widget or just a fetchlink demo?

    ###Library modularity?

    ###Themes: Multiple active states

    • Support active state per swatch instead of a global active (Tyler - LOE?)
    • If we make it a full button state class (.ui-btn-active-a) what to do with ui-focus box-shadow color?

    ###Grid widget?

    • have the framework adding the ui-block classes (same as navbar widget) data attribute # columns

    link 1.future

    Prioritize and start sequencing the next few releases for the remainder of the year

    • Tablet responsive layout patterns - YES!

    • Overflow regions - overthrow.js, be very defensive here to not break platforms

    • Performance optimizations to speed up rendering and interactions, enhancement - if you’re building a dynamic app, writing out the enhanced markup directly instead of starting with basic then enhancing via create makes more sense

    • Slider lag (look at UI?)

    • Pre-enhance markup

    • Carousel?

    • Pull in autocomplete from UI?

    • Pull in position from UI?

    • Pull in progressbar from UI?

    • Light calendar picker?

    • Scan wiki/feature-request and jQuery forum/ideas for interesting new features

    link Infrastructure

    ###Migration to Grunt (Bender) Migration to Grunt in progress - JS and CSS only, not docs or zip because they aren’t public targets. Need to check with team on this. DONE

    link Sort out Test / TestSwarm issues

    • Migrated existing tests to Phantomjs. Need to setup multiple jquery versions. Fixing existing build issues. Soon.

    link Redirects for Branch Preview / Test to new server (per D. Heberden)

    • Looking into this.

    link Plugin site requirements

    • Package JSON file for our plugins

    link UI Integration

    • Test port of mobile TR framework onto a UI widget (TBD) as a POC - Scott/Mat
    • Download builder - status of UI’s tool?

    link 3rd Party Widgets

    • Think about how to curate semi-official widgets that we recommend to offload some of the dev work. Bender wants to think about how to register and init widgets to make this easier.

    link ThemeRoller - 3rd party tools

    • All sorts of web apps or software tools may want to integrate ThemeRoller functionality - how to make this as seamless as possible w/o hooking in too deeply?

    • Current idea: Support a lightweight round trip theme solution that lets a 3rd party tool have a button that would launch TR in a new window/iframe. This could either be a default TR theme (Create new theme) or it could support editing by pushing in a theme (via the import mechanism) so the theme would appear in TR, ready for modification. In TR, allow the Download button to be customized in appearance (Save to App X + icon) and the 3rd party tool would write a handler to manage the manipulation and saving of the TR output on their side. We'd just provide the hooks in and out so this would be a new API for developers to use TR without forking it and making a custom build.

    • Tyler needs to do more work on the versioning side of things to support this. The guys from Codiqa have volunteered to help with some of the engineering and to be the test case for this to help us work out the kinks. This would launch as an open platform and others tools can help participate in shaping this as we go.

    • Help test the new ThemeRoller versioning: http://jquerymobile.com/themeroller-test/

    link Download builder