jQuery-UI 1.8RC1 : sortable list doesn't allow drop at first and last position depending where the mouse gets clicked-to-drag on
This is in 1.8RC1 (and seems to be a regression from 1.7): (using jQuery 1.4.1) If you have a sortable ul-li with 2 items at least, the dropping before the first item and after the last item doesn't work if you click to drag on the opposite side in the item to move: - if you click in upper part to drag the first item after the last one doesn't work - if you click in lower part to drag the first item after the last one WORKS - if you click in upper part to drag the last item after the last one WORKS
Effects Broken with jQuery 1.4 And/Or UI 1.8.a2
There are numerous problems with the UI Effects with the new versions of both jQuery and UI. I've created sample pages to illustrate the problems with each combination of library... NOTE: Links below have been fixed - were originally broken jQuery 1.3.2 + UI 1.7.2 : http://layout.jquery-dev.net/demos/test_jq13_ui17.html Everything works correctly jQuery 1.4 + UI 1.7.2 : http://layout.jquery-dev.net/demos/test_jq14_ui17.html Default toggle(speed) effect works correctly All other effects also work,
Image missing for .ui-autocomplete-loading
Hello! When you download the themes for jqueryUI the .ui-autocomplete-loading class requires 'ui-anim_basic_16x16.gif' that is not created into the images folder.
Remove Sortable Tabs
While creating a sortable tab, i've tried to remove one of the tabs and encounter a problem. The remove method refers to the panel and list array by index. While changing order of tabs the reference is not pointing to the right tab. i think it would be better to remove by idPrefix, same as selecting tabs.
Specifying only a secondary icon for the Button widget locates the icon on the left?
If I use the following: .button({ icons: { secondary: "ui-icon-close" } I would expect the secondary icon to be displayed to the right of the text. However, it is displayed on the left.
UI Tabs 1.8rc1 ignores "ui-tabs-selected" when intialising
If, for example, the third tab has a class of "ui-tabs-selected" then tabs 1.8rc1 always selects tab index 0 instead of 2. This seems to be caused by line 176: o.selected = o.selected || this.lis.length ? 0 : -1; ...it accidentally changes o.selected from the desired index to a value of 0. The problem can be fixed by adding parentheses like this: o.selected = o.selected || ( this.lis.length ? 0 : -1 ); Hope this helps. George
draggable/droppable scope bug
Apparently there is a bug in the implementation for the scope option in draggables and droppables. I couldn't get scope to behave so I asked a question on Stackoverflow and got a very helpful and informative response from user Simen Echholt. I'm not a jQuery contributer, nor am I familiar with jQuery's internals, so I don't know if this is a known bug or not, but I'm posting here just in case. My original example is on jsbin here, and Simen's edit with his jQuery extension to fix the issue is here.
IE8 open dialog focus problem
I want to focus on $("#test") after dialog('open'), example HTML as: <div id="dialog"> <input type='text' id=''test"/> </div> $("#test") can't get focus on my IE8. I have tried firefox, opera, chrome, and all of them work well as expected. But only on IE8, I need to add a extra hidden input to focus the first input... <div id="dialog"> <input type='text' id=''test"/> <input type='hidden'/> </div> Both 1.7.2 and 1.8rc1 have the same problem
connectToSortable not working until an element in the sortable is moved
I have two lists. One has a bunch of draggable li's. The other is sortable and contains a single li. If I pick up the single sortable li and move it, then allow it to revert back to its spot in the list, then I can drag draggables to the list. Otherwise they are always reverted back to their position.
UI Button checkbox doubleclick problem on firefox
See http://jsbin.com/ijovi/3 The behavior with FF 3.5.8 when doubleclicking a checkbox is to stop changing the checked state once after one click. It does not continue changing state while rapidly clicking or double clicking. In Chrome continuous clicks continuously toggle the checkbox state. However the UI Button does continue changing its active state regardless of its inputs checked state. Also, I may be misunderstanding things, but the aria-pressed state seems to be exactly opposite of the
jQUI Dialog display behavior is broken from 1.7.2 to 1.8rc1 for ASP.NET pages
I use a pretty standard technique for displaying dialogs on an asp.net page. It is well known that when showing a dialog, it is moved to the bottom of the BODY in the DOM, when in fact it is usually needed inside of the page form (id=aspnetForm usually). Below is an abbreviated bit of code to show how I accomplish this: function showDialog(id) { $(id).parent().appendTo("#aspnetForm"); //... $(id).dialog("open"); } In 1.7.2, the style attribute of the dialog container dive was set to
overlay preventing basic keyborard "browser" functionality
I was playing with the dialog overlay (modal) and noticed that in trying to prevent the user from interacting with the page under the overlay, it is also preventing the use of some basic browser functionality. Basically the overlay captures a list of events (focus,mousedown,mouseup,keydown,keypress,click) and says that if the event did not happen in the current dialog then prevent the event. This works fine for mouse events, but when it comes to keyboard events it is also preventing access to the
Custom UI download doesn't include css folder
I'm not necessarily saying there's a problem with the UI download - it could be a case of a stupid user (me). The Getting Started page for jQuery UI says that your custom zip download should have 3 directories in it: css, development-bundle, and js. When I tried to download a custom package, I do not get the css directory. Here are the steps I take: Go to the UI download page. Hit the "Deselect all components" link Scroll down to the widgets section, and select "Tabs" Hit the "Download" button.
jQuery UI interactions don't work in iframes
I initially thought this was a regression for 1.8 but it seems not. I thought for sure I had depended on this behavior before. Given an iframe with a containing div. var doc = $('iframe').get(0).contentDocument; $('div#dragme', doc).draggable(); The mousemove and mouseup events are bound to the wrong document. Drags won't actually start till the mouse moves outside the iframe, and drags stop only on mouseup outside the iframe. I'm not an expert with jQuery/jQueryUI source, but the following changes
bgiframe problem IE
Saludos, por favor perdonen que escriba en español, pero es más facil para mi expresarme asi. Bueno estoy haciendo un sistema con las UI de jquery que me han salvado la vida, pero como usuario casi exclusivo de Mozilla, no me habia dado cuenta de un problema hasta ayer cuando fui a entregar el Sistema, jajaja, bueno error mio.... bueno a lo que vinimos. Todo funcionaba extremadamente lento en IE 8, utilizando la herramienta de desarrollo de este me acuso un problema antes de la Linea 1 !!??? decia
IE8 & sortable placeholder
If you give a class to the placeholder on IE 8 and you drag something at even a moderate speed it loses track and stops your drag. The more complex your placeholder is the lower the speed is that you can successfully drag before it just decides to stop. so something as simple as: $("#sortlist").sortable({ placeholder: "ui-state-highlight" });Will stop the sort on any sharp mouse moves, FF and IE < 8 don't have this problem. It seems to also be tied to the height of the placeholder. If you give it
Hi Man, when I use ui.draggable and use connectToSortable ui.droppable will trigger drop twice why?
Hi Man, when I use ui.draggable and use connectToSortable ui.droppable will trigger drop twice why?
1.8rc1 iconed Buttons with submit inputs
Hello, I'm still testing the Button feature. It seems that inputs of type "submit" don't accept icons. According to this quote from the official overview, adding an icon could be possible : Button enhances standard form elements like button, input of type submit or reset or anchors to themable buttons with appropiate mouseover and active styles. I ran the following code : <p> <button class="button" type="button">Button</button> </p> <p> <input class="button" type="checkbox" id="checkbox" />
Effects Still Breaking Dialogs (Latest Builds)
I've read that this has been fixed in the latest release, but using jQuery 1.4.1 and UI 1.8b2 still result in show/hide effects breaking dialog widgets. var myDiv = document.createElement("div"); $(myDiv).dialog(); // this works $(myDiv).dialog({show: "drop"}); // this doesn't I really want to switch to 1.4, but this is a deal breaker.
[ThemeRoller] - Bookmarks of custom themes not loading properly
Since the 1.8rc3 rollout the ThemeRoller does not seem to be loading bookmarked custom themes correctly. For example: I start from scratch, change the font weight to bold, observe the URL changes correctly, and bookmark the page. Upon revisiting the bookmark the URL is correct, but the ThemeRoller does not load the font weight to be bold. All ThemeRoller settings remain as default, instead of loading the $_GET variables.
Accrodion flicker when you change section if there's scrollbars in sections!
Hello, You can see this problem in the example given here : http://jqueryui.com/demos/accordion/#fillspace Go to section 3. Drag the scrollbar down. Now, each time you select another section or come back to section 3, you have a very ugly flicker. If you reset the position of the slidebar on section 3 then the flicher disappears! Is there a way to get rid of this annoying blinking? Thank you edit : I have this problem only with firefox!! I use firefox 3.6.3
Issue with Slider demo
If you head to the Slider demo and click the "Multiple sliders" example, any sliders you load after that one become vertical. Steps to reproduce: Load Slider demo Click any of the first few examples and note they're horizontal Click the "Multiple sliders" example Click any of the other examples and notice how they're now vertical Tested in Firefox 3.5.7 and Chrome (Windows).
Bug tracker
On the bug tracker page, the link "UI Developer Guidelines" doesn't exist. Considering all of the issues I've been having with documentation and the new jQuery UI API documentation, could we get the documentation added to bug tracker? Or should I be submitting these to the "ui.dev" meta tickets?
Tabs Issue
I just downloaded 1.8rc2 and noticed that when a tab is clicked it retains focus. This leaves the tab looking somewhat ugly with the box around it. Strangely, this only happens in Firefox (3.5.7) but not in IE (8). I know there's a simple work-around - calling this.blur() within a click event handler but it would be nicer if it was done by jQuery UI. But the show-stopper for me is the fact that the tab widget is still missing a most-needed feature - the ability to scroll to the left or right when
Autocomplete bug in handling Korean characters
When Korean characters are copy/pasted into the input box, Autocomplete works. When Korean characters are typed in and the down arrow key is used for selection, Autocomplete does not work, as reported by forum user idevsk, who I have been trying to help via the UI Forum. He says, this action used to work in jQueryUI 1.8.1, but the action does not work in any UI release after that. idevsk built a test script with Korean selections, and I implemented it in jsfiddle.net. I am not set up to type Korean
Autocomplete Inside a Dialog 1.8rc2
Im working with the autocomplete inside of a dialog. the autocomplete positioned in the middle\bottom of the dialog. When i get the select menu results, the dialog gets a scroll because of the select menu height (to see the result i need to scroll the dialog), in a result i had to limit my result, and change the height property of the dialog. I think that: The select menu should go over the dialog tough its inside the dialog body div. or Add a scroll to the menu by calculating the extra space
1.8rc3 show/hide and callback problem
Hello. I'm have been testing an application with jQuery 1.4.2 and jQuery UI 1.8rc3. I've noticed that my callback functions while showing and/or hiding elements do not work unless I add the duration parameter. I did not have this problem with jQuery 1.3.2 and jQuery UI 1.7.2 For example // This does not work $("#div").hide("explode", { pieces: 12 }, function() { $(this).remove() }); // This does work $("#div").hide("explode", { pieces: 12 }, 400, function() { $(this).remove() });
1.8rc2 cssPosition in sortable
I had a problem with sortable, in that, when there was a scrollbar and I had scrolled down the page the box that I was trying to drag around would popup to the top of the page, sometime the css property top of the moving box was a minus number. I finally managed to get it fixed, I moved line 145 above 144 in this file http://code.google.com/p/jquery-ui/source/browse/tags/1.8rc2/ui/jquery.ui.sortable.js Before the change I was getting this.offset.parent.top as a very hight number(about the same pageY
jQueryUI 1.8rc2 Button Events
I encountered some problems with the Button widget in jQueryUI 1.8rc2: The change event of checkboxes setup with button() is always triggered twice: once with the old state, and once with the new one. The change event for radiobuttons that are setup with buttonset() is never triggered.
fn.button inconsistency
The current enabled/disabled state of button is inconsistent with it's intended (if any) behavour At the moment, following is true: setting disabled="disabled" in DOM doesn't affect creation of button setting options.disabled to true doesn't create a disabled state, only a call to _setOption will trigger what options.disabled is set to (via $.Widget.prototype._setOption()). options.disabled is undocumented, though _init is reacting to it, though in limited way calling .button("disable") doesn't set
Ticketing system problems
I was trying to search or browse through trac to look for a ticket. But I got errors when trying to page past the first page when browsing and when trying to click on bug searches by plugin. This link illustrates the problem. Screenshot attached. http://dev.jqueryui.com/report/10?P=sortable
Change event not raised when using datepicker in IE8
When using IE8 and entering a date using the keyboard the change event isn't raised when the input loses focus if the datepicker was visible whilst entering the date. Steps to reproduce: Use IE 8 Focus the input field (datepicker should show). Enter the date "10/10/2010" in to the first input field (do not close the datepicker). Tab to the next input field. Result: The page still shows "Date: none" Expected Result: The page should show "Date: 10/10/2010" http://www.jsfiddle.net/gUc5c/8/ Notes: The
clone(true)'d widget's events effect the original object
When you apply any widget from the jQuery UI 1.8 widget factory (button, dialog, etc), and then clone(true) the object which you've widgetized, some of the actions/events that occur on the clone will effect the original. The instance that I discovered the bug with was calling .remove() on the parent of the cloned object, which then reverted the original back to an un-widgetized state. see: http://jsfiddle.net/J7fKG/ for an example of this.
Re-positioning of dialog after resize event
Hi guys, would be nice if the dialog corrects its position after the browser window was resized. Perhaps you coud provide an option for that.
Button gets disabled on refresh
Hey I've made a simple widget for a project I'm working on, but I have encountered an odd problem. It is easiest to explain it with an example implementation. http://decko.dk/buttontest On the page there are 3 button. The first one is my drop down widget. The next one is a regular disabled button (A) and the last one a regular enabled button (B). If you then refresh the page (F5 or whatever) the enabled button is mysteriously now disabled. I have no clue why this happens, but if button A is not disabled
Potential problem with nested droppable
I think this may be a problem. I have nested droppables. The inner droppables are greedy so if I drop on an inner one the outer one doesn't get dropped on. This works as expected. Both inner and outer accept the same draggables. The draggables I'm using have revert option set to invalid. I notice that when I drop the draggable is always reverted even though the drop succeeds. This seems wrong. It doesn't happen when there is no nesting. I think the problem is in ui.ddmanager.drop. The dropped var
1.8rc1 Can't Download jQuery UI & Redmond Theme
Hi guys, I am currently running v1.3 with Redmond and am trying to download the new release, but when I select Redmond as a theme, I can't download. Any other themes seem to work. Tried at home and at work and got same issue. Noticed a few other posts about Themeroller issues, just adding this one in caseit hasn't been noticed (search forums for issue but didn't find anything). Also, does anyone know if I need to download a fresh version of the theme or can I use my existing 1.3 redmond theme?
Found an issue in trunk version of jquery.autocomplete.js
Hi, I have found an issue with the latest (r3795) version of jquery.autocomplete.js. It is actually in the ui.menu widget that it in that file. You can see the problem if you setup a simple ajax autocomplete and mouse over the results - a javascript error occurs. The error occurs because of line 333-ish in the refresh function: .mouseenter(function() { self.activate($(this).parent()); }); At this point in the code, 'self' is a reference to the window object, rather than the menu object. The
ui.position wobbles
using ui.position in a div which is changing it's width, results in a vertical wobbling effect of the content, it's noticeable in firefox, but not in chrome, see http://jsbin.com/itato4/2 for example.
UI Button - Drag within checkbox button then release
If you click a checkbox button then drag (like selecting text) and then release within the button, the button changes state to selected however the hidden input is not "checked" nor is the aria-pressed state set to true. This can be recreated with the Button Checkbox Example if you unhide the checkbox via Firebug
Next Page