Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#10672 closed bug (patcheswelcome)

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

Change History (4)

comment:1 Changed 7 years ago by Alexander Schmitz

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

Last edited 7 years ago by Alexander Schmitz (previous) (diff)

comment:2 Changed 7 years ago by Scott González

Resolution: patcheswelcome
Status: newclosed

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."

comment:3 Changed 7 years ago by cs_jquery

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

comment:4 Changed 7 years ago by Alexander Schmitz

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.

Note: See TracTickets for help on using tickets.