datepicker accessibility extension: voice-over compatibility
Although there are proposed keyboard accessibility changes for datepicker here: http://wiki.jqueryui.com/w/page/12137778/Datepicker There is no mention of voice-over support, Is it planned? I am considering contributing to the datepicker module hosted on Github: https://github.com/jquery/jquery-ui/tree/datepicker Thanks, Omar
Flexbox calculated width is rounded down when moving a Sortable helper
flexbox items can be stretched to fit the width of the largest object in the same flex container and the calculated witdh can be a floating number (in Firefox 43.0.1) I found a bug(?) in jQuery UI that the helper for Sortable can have smaller witdhthan the original object - is is rounded down to an integer (I guess it's the same for height when using flex columns instead of rows) I created a dirty fix for myself to manually edit following line in my downloaded version of jquery.js: https://github.com/jquery/jquery-ui/blob/800d76ac17345b6016f3d067b41a757ebd2c9bb8/ui/widgets/sortable.js#L976
jquery-2.2.0 trows error @3649 (acceptData) when widget is called with namespace over a selector that has no match
I am developing a framework of jquery widgets for a new project. They are created by the $.widget factory and they work well using $("selector").myWidget(myOptions). I want to avoid possible name collisions and prefer using the form $.myNamespace.myWidget(myOptions, mySelector), but an error is thrown when the selector matches no element on page: owner is undefined, that I traced to the line 3649, on jquery-2.2.0 (function acceptData). For reference, I've already read (and I think I understood):
jQuery UI 1.12.0 Beta 1 Draggable bug?
In a fixed (or absolute) positioned element with either "bottom" and/or "right" styles set, Draggable does not work. It gets resized rather than being dragged. (tested on Win7/OSX/Chrome 47/Firefox). This works as expected on 1.11.4 but not in 1.12.0 Beta 1. Sample code: <!doctype html> <html lang="en"> <head>
Add ability to move selector boxes (month/year) to any displayed month
Current situation: The selector boxes for month/year appear on the first month displayed in a multi-month layout, however if you have the active month set other than the first position, the selection of months is non-intuitive. The month you select in the selectors is not the month that then appears below the selectors, leading to user confusion when selecting dates. Example: with option showCurrentAtPos = 1 [October] ------------ [November] ----------- [December] ^ Selector here ^ Chosen month
Microsoft Edge with autocomplete does not work properly
In Microsoft Edge, when the menuslect event in autocomplete triggers the "select" method, this triggers a "blur" event followed by a "change" event on the element. The result is that the selected item is not set properly at the bottom of the function. I realize this may be an issue with Edge, but possibly consider setting the selectedItem before calling the "select" method to prevent this issue. Specifically: within the menuselect:function()... Move this line: this.selectedItem = item;
to the line
Possibility to select layout
My idea is to let the website developer freely set the layout of the elements of jquery-ui, like by example menu (for now it's possible to do only vertical ones and there should be a possibility to make it also horonizontal). This option is important in site navigation development. Without it, there would be need to rewrite whole site to change it's layout only to fit the menu (with would be time critical)
Timepicker
This is an idea and a completed project. I developed a timepicker last year using a modification of the code from the JQuery datepicker (version 1.8.16). This could be updated and added as a potential widget into the latest version of JQuery UI (which is why it is an idea). The timepicker differs from others currently available as you can see below. Another idea is to just show the five minute increments under "minute", and then add a "show all" or "more" button for specific times. Some of the helper
menu widget - items without text marked as dividers
I would like to be able to have a ui-menu-item that consists solely of an icon. With the widget currently, this will become a divider. Please note my pen: demo This is due to the decision code which merely looks for the presence of non-hyphen, non-space text: ui/widgets/menu.js:515 _isDivider: function( item ) { // Match hyphen, em dash, en dash return !/[^\-\u2014\u2013\s]/.test( item.text() ); }, Is this a design decision or an oversight? I've got a patch for a fix so that if the item has
closeText option in dialog
Hi I see that the closeText option in the jquery ui dialog is not working. A google search reveals discussions in which people say that it does not work because the text indent property is set to -9999. However when I use css to counter this, I get the image on a line beneath the text and the title bar gets taller. It seems to me that this feature has not been completed. So I am thinking of making my contribution by finishing this feature. I propose to add an option to set the close button type.
new Option implemented
Hi! I implemented possibility to show only month-year in calendar: added an option "showMonthYearOnly". Want to get it into the the trunk... Attached a diff to formatted jquery-ui.js v. 1.10.3 Any interest?
Installing jqueryui themeroller locally
Hi can anyone help me to get jqueryui themeroller running locally? So far I have done following steps but having some issues which I am not able to resolve. 1. Download sourcecode from https://github.com/jquery/download.jqueryui.com 2. Installed most recent version of nodejs and npm on my workstation (Windows 10) 3. Trying to run npm install on nodejs command prompt with admin privileges. And I am getting following error. May be its nodejs issue, but someone might have faced this on this forum? I
release date of jquery-ui 1.12.0?
Hi dev-team, I'm waiting for a bugfix which is planned for v1.12.0. Could someone please give some further infos about a possible release date of v1.12.0? Thanx a lot for feedback Patrick
Menu: horizontal bar style top-level menu
Today I fiddled around with the Menu widget. Since the standard Menu lacks the option to have the top-level menu appear as a horizontal menu bar I tried to modify the Menu's code to achieve exactly that. I introduced a new option "topstyle" that causes the top-level menu to appear as a bar if set to "bar", that is if the menu is created like so: $( "#menu" ).menu({ topstyle: "bar" });. If left alone or set to anything else the Menu just works as before. The result can be seen here: http://jsfiddle.net/gcgrzz07/
accessible jQuery UI autocomplete that functions like jQuery mobile listview or filterable widget?
I'm creating a filter functionality for a search results page that must be accessible (WCAG 2.0 Level AA) and mobile friendly. I can see there are accessibility considerations for jQuery UI's autocomplete widget , however I'm looking for the options list to always be visible, much like jQuery mobile's filterable and listview widgets. Can anyone either suggest an accessible extension of the jQuery UI autocomplete that will achieve this? I'd like to progressively enhance a select box (so that without
Call to ".show()" in menu.js
The bugtracker seems to be down, so i'll try to get some information here. While performance profiling my application i came across a thing in the destroy() method of menu.js. .find( ".ui-menu" ).addBack() .removeAttr( "role aria-labelledby aria-expanded aria-hidden aria-disabled " + "tabIndex" ) .removeUniqueId() .show(); I'm constantly adding / removing selectmenus in my application when pages change for example. The call to `show()` here takes lots
Add support for async response to widget js.
widget.js trigger method might use support for a promise response instead of just false. For some cases we might want to prevent the action after the user has confirmed it through a modal window or cancel it after an AJAX call failed. An example would be the drag and drop from the sortable plugin that might update the content only if the user confirms that action.
jQuery UI for designers
jQuery UI is loved by developers for the powerful features it enables, but from a designer point of view, the default styles usually needs a complete override that can be really cumbersome. I would love to be able to have 2 distinct CSS files, a first CSS with the base styles, only the strict minimum to insure the correct behavior and a second file with the optional styles that would match the current look and feel with theme customization. This way you could add only the first CSS file and have
GSoC 2015 Slider rewrite
I am interested in writing various widgets and I had an experience in creating popup window, combobox, and grid. I like the idea of rewriting JQuery UI slider. I want to write a prototype for this to understand how to develop a JQuery plugin. I found description on slider on following web page: thttp:// wiki.jqueryui.com/w/page/12138059/Slider and I would like to ask whether these requirements are still valid? Moreover, whom I should contact to discuss the idea?
CLA error
Just made few pull requests. First has passed without any problem, but I made a mistake and signed more than two times. Seems that CLA leeked my email to spammers
GSoC 2015 jQuery UI - new demo system
hey im thinking of sending in an application for GSoC to work on the new demo system idea. Just wondering how much experience with information architecture would be recommend ? I've done a module about interactive design and I have a few idea just to improve the way in which demos are browsed. Thanks :)
Console in demo system
Hi, I've just read ideas page. Have one idea for "jQuery new demo system". It will be cool if in widget demo be console, that logs what code now executing. Something like this: http://demos.telerik.com/kendo-ui/combobox/events
I honestly don't know which forum I have to post this so let me know...
If you go to this site http://jqueryui.com/selectable/ as an example since any component selected there do the same thing, you'll find a VIEW SOURCE link for every component. Now when you look at the source and want to copy this source you end up with extra line feed between each line when pasted anywhere VS, Notepad++, Word, anywhere I paste what I copied from there has an extra line feed between each line. Could someone point me in the right direction to advise the site master that this is wrong
jqXHR object in load(event, ui) event within the Tab widget
Would it be possible to have the jqXHR object after an Ajax request has arrived? Of course I can attach a handler to the ajaxComplete event but what if there is some logic that is required within the tab's behavior? In the snippet I have below, I need to read some information that comes along with the response headers and act on it before the tab is fully loaded. $("#tabs").tabs({
load: function (event, ui) {
// FYI ui.jqXHR does not exist here
if (ui.jqXHR.getResponseHeader("X-LOGON") == "LogOn")
{
// Prompt user to log in first before the content is shown
}
else
{
event.preventDefault();
}
}
});
beforeload event in tab widget
I have a seemingly common situation where each tab performs an AJAX request to load in data into the tab panel. I am also using the cookie utility to remember the last selected tab. I want to display a "Loading..." message in the ui.panel element, which is easily accomplished via the "select" event, but only when a tab is clicked on: select: function(e, ui){ $(ui.panel).html("<p>Loading...</p>"); } However, if the selected tab happens to fire an AJAX request when the page first loads, there
code donation (colResizable)
Hello, My name is Alvaro Prieto, I developed a small jquery plugin which can be used to allow html table columns resizing, (similar to the resizable() method but applied to tables). It is compatible with touch and mouse devices, it is cross-browser and compatible with previous versions of jQuery. If you like it, I would be happy to donate it to the jQuery UI project. If you are interested please let me know. http://www.bacubacu.com/colresizable/ Kind regards.
Widget api documentation: Options
In the small sections about Options with the dialog-example var options = { modal: true, show: "slow" }; $( "#dialog1" ).dialog( options ); $( "#dialog2" ).dialog( options, { autoOpen: false }); I suppose it should say 'option' not 'options'. That confused me for a while.
Dragging and snapping polygons
I am trying to dragging and snapping two triangles without success using jQueryUI. While the dragging function works like a charm, it seems possible just to snap squares or rectangles. I have taken a look at the function and there seems to be a lack of functionality regarding even other polygons such as pentagons or hexagons. Any suggestion?
jqueryui grid
The upcoming jquerui grid seems to be the right thing for me. All links to the grid do not work, but it seems to me that the upcoming grid will be based on the jsrender, jsobservable and jsviews plugins from boris moore. Which way should I choose to be compatible with future development of jqueryui ? Kind regards Markus Fritschi
tabs - why isnt there more basic functionality?
Hi all! Dont get me wrong, i dont blame you, great work anyway ;) I am just wondering whether there is a special reason why there is no dynamic add/remove functionality (for example) included in the basic plugin? I am thinking about extending the plugin in that and some other ways but i am not sure whether thats the way to go. I also could realize such functionailty in a module via separate functions instead of extending the plugin (so i would provide functions which the id of an tab element as parameter
I want to write less and do more while creating sliders, but unfortunately I can't...
With your tagline being "Write less, do more" you really should make it so that sliders use aria values for their min, max and value attributes. There were at least 3 old projects I came across to fix this behavior, yet the stock implementation never even allowed for such. I have to literally create new JS to implement each slider I want to use. It's impractical. So, please, allow us to write less and do more by implementing common basic functionality that everyone expects to have at their disposal.
Add submenuopen, submenuclose callbacks to UI Menu
Because of 300 ms delay there's no good way of determining when submenu is being open. Adding submenuopen (opensubmenu, simply open?) callback at the end of anonymous function in _startOpening() would do the job. Probably like this: this._trigger( "submenuopen", event, { item: submenu } ); And for consistency, in _close(): var that = this, cachedMenus = startMenu .find( ".ui-menu[aria-expanded=true]" ); startMenu (...) .removeClass( "ui-state-active" ); cachedMenus.each ( function () { that._trigger(
widget namespacing & plugins
I'm working on a project using UI Widgets - they're really great. I've run into a namespacing problem and I'd like to see what you think about my solution. I'm building a survey interface, and want to use a 'survey' namespace. So I have a number of widgets like: survey.core survey.render survey.form etc. This worked fine until I wanted to use survey.select - the problem is that the plugin will be called $.fn.select which is already taken, and I don't want to step on existing functions. The documentation
Resize grabber no longer showing on dialogs after 1.10.3 update
Updated to jQuery UI 1.10.3 (custom theme) and find that my resizable dialogs no longer show the resize grabber in the lower right (SE) corner. The offending code may be the following css in jQuery-ui-1.10.3.css .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } if the right, bottom, and background-position rules are removed I see a grabber again. While I am not sure that the API documentation site ever showed
Sortable Multiselect
Hi! I've created a multiselect widget for jQuery. It's based on jQuery UI 1.7 and there's also Themeroller support. Maybe you want have a look at it... Demo at: http://www.quasipartikel.at/multiselect Code at: http://github.com/michael/multiselect Any suggestions/feedback/input welcome. :) Cheers, Michael
_updateDatepicker called on setting value/option
I'm currently working on a knockout-based site with extensive use of datepickers. While it will probably not be that bad in actual production scenarios, I'm developing on a dataset that results in 90 datepickers total. It takes knockout a very long time to instantiate this and finally I found it that disabling my datepicker binding reduces a ~1-2 second binding time by up to 1 second. Since I would like to use the datepicker, but also would like a fast UI, I went digging a little. By far the most
Extending jquery widget having a plain object modifies the base widget
I am facing an issue while extending jquery widgets, I have a widget which works fine.The code of the widget is $.widget( "xfaWidget.defaultWidget", { $userControl : null, _widgetName: "defaultWidget", options : { name: "", value : null, commitProperty: "value", commitEvent: "exit" /** more options **/ }, optionsMap: { "access": function(val) { //do something
[slider] problem with positioning
Hi, I have a div for the slider in many other div: <div id="container"> <div id="fields"> <form id="new" action="..." method="post"> <fieldset> <div class="address"> <label for="address">Address: </label> <input name="address" id="address" placeholder="Insert address..." type="address"> <input name="resolve" id="resolve" value="Resolve" type="button"> </div>
Where to send patch?
Hi I made a small improvement to the dialog widget, added a rollup (where only the titlebar is showing, no content) possibility. Where to send the diff file for review, and if passed merge the ui core?
Tooltip doesn't show when there are title attributes inside the hint
Hi, I want to report a bug (you tell me if you consider it a bug or not) about jquery ui tooltip. Here is a jsfiddle to show you the bug. In fact, if you put a tooltip on a div (call it A), and if in this div you have anything (like hyperlinks) with attribute title, the tooltip won't show up, despite the hyperlink is in the A div.
Next Page