ChavezArquitectos / curvycorners

Automatically exported from code.google.com/p/curvycorners
0 stars 0 forks source link

Curvycorners causes jQuery UI tabs to stop working #89

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
1. Create standard tab interface using jQuery UI
2. Create simple div and apply curvycorner
3. Run in Internet Explorer

What is the expected output? What do you see instead?
Expected the tabs to run independently but its not working as soon as 
curvycorner is included. When curvycorver script is commented out, tabs would 
work.

What version of the product are you using? On what operating system?
jquery 1.4.2
jquery-ui 1.7.1
curvycorners 2.0.4
Internet Explorer 7.0.5730.11

Please provide any additional information below.
Attached is a sample that shows the problem. Run with curvycorner script 
commented out, then uncommented. Tabs will not work if curvycorner script is 
included. Issue only valid in IE, works in Firefox.

Original issue reported on code.google.com by simon...@gmail.com on 1 Sep 2010 at 11:12

GoogleCodeExporter commented 8 years ago
No attachment provided! Did the problem occur with the latest version in SVN? 
If not, please try r173 and let us know what happens.

Original comment by c...@realidcheck.com on 11 Sep 2010 at 1:42

GoogleCodeExporter commented 8 years ago
I have also experienced this problem in IE 8 with curvy corners.

Original comment by hiddenti...@gmail.com on 14 Oct 2010 at 2:19

GoogleCodeExporter commented 8 years ago
I tried with r173 and the problem still occurs but is different. It doesn't 
cause UI tabs to break but causes them to work incorrectly. (It wont show you 
the tab you are on but will show the correct data contained within that tab)

Im using jquery ui 1.7.2.

IE 8

Original comment by hiddenti...@gmail.com on 14 Oct 2010 at 2:26

GoogleCodeExporter commented 8 years ago
I found a fix to the problem I was experiencing, in the CSS for jquery ui -
on about line 288 I just commented out the declaration of corners (I wasnt 
using it on this element)

.ui-corner-top { /*-moz-border-radius-topleft: 0px; 
-webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; 
-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; 
border-top-right-radius: 0px; */ }

This could cause some problems with other rounded corners in jquery UI but it 
illustrates where the issue that I experienced is and other people can add to 
it...

Original comment by hiddenti...@gmail.com on 15 Oct 2010 at 12:20

GoogleCodeExporter commented 8 years ago
I had this same issue and i know it's been long time since the last comment.
I'm using http://jquery.malsup.com/corner/ and it does not seem to conflict 
with jQuery UI Tabs.

Original comment by dums.san...@gmail.com on 16 Feb 2012 at 3:13