#10672 closed bug (patcheswelcome)

Opened October 23, 2014 01:29AM UTC

Closed October 23, 2014 12:00PM UTC

Last modified October 24, 2014 02:21PM UTC

jquery custom combobox css conflict with jquery mobile 1.4.4 css

Reported by: cs_jquery Owned by:
Priority: minor Milestone: none
Component: ui.autocomplete Version: 1.11.2
Keywords: Cc:
Blocked by: Blocking:
Description

Hi,

I'm testing custom combobox from jquery ui official site. It works fine until I include jquery mobile 1.4.4 css. Basically, "Show All Items" button disintegrated. See http://jsfiddle.net/yjzppnhL/. Could you please fix the problem. Meanwhile, I am sure that people out there must have prompted html/CSS committee to introduce namespace or an equivalent convention into CSS so that css of various js libraries avoid conflict. If not yet, it may be the time to prompt it.

Thank you

Chris

Attachments (0)
Change History (4)

Changed October 23, 2014 02:04AM UTC by arschmitz comment:1

_comment0: The jQuery Mobile and jQuery UI CSS are not currently compatible → 1414029936552973

This is not a bug jQuery Mobile and jQuery UI CSS are not currently compatible.

Changed October 23, 2014 12:00PM UTC by scottgonzalez comment:2

resolution: → patcheswelcome
status: new → closed

This will resolve itself over time, but this is not a bug in jQuery UI. The demo even explicitly says "This is not a supported or even complete widget. Its purely for demoing what autocomplete can do with a bit of customization."

Changed October 24, 2014 02:09AM UTC by cs_jquery comment:3

It's true it not a bug of jquery ui per se. However, jquery ui and jquery mobile are quite often complentary each other. You would expect people to use them side-by-side. Those demontration code was valid for me to extend to include my desired features. The enhanced logic was ok during my unit testing but I then hit the problem when I include it into my real project which includes the jquery mobile package too. Now, I have to put extra days to rework out a solution. So, it defeats the purpose of jquery ui library -- easy and quick for application development. The jquey library development is a set of long-term projects. So, I wish that the development has a bit of engineering approach in which:

1. a better coordination among jquery library development projects.

2. an enhancement/rule to css namespace convention.

I certainly very appreciate all efforts that jquery developers have put in so that I can put up ui components much easier and quicker than it was long time ago.

Best regards

Chris

Changed October 24, 2014 02:21PM UTC by arschmitz comment:4

Chris,

I'd just like address your concerns a little more in detail since you're asking. I am the Project lead for jQuery Mobile and a jQuery UI team member. The reason Scott above says "This will resolve itself over time" Is because this is something we have been actively working on for over a year now. We are in the process of a merger of sorts between our teams. We are working on a new shared theme, sharing duplicated widgets, and adding full touch support to jQuery UI. This is a much more complicated issue then it may appear though. There are also many historical reasons why this was not done from the beginning. If you would like more details on the current status of this or on the history behind it i encourage you to watch https://www.youtube.com/watch?v=2qF7kW9SdJQ Where I answer your concerns in more detail.