donum / curvycorners Goto Github PK
View Code? Open in Web Editor NEWAutomatically exported from code.google.com/p/curvycorners
curvycorners's People
Contributors
Watchers
curvycorners's Issues
How do I get it to work with IE's gradient filter?
What steps will reproduce the problem?
<!doctype html><html><head><title>CSS effects</title>
<style>
.round {
background-color: #ccf;
width:300px;
line-height: 100px;
-webkit-border-radius: 10px;
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ccccff',
startColorstr='#ffffff', gradientType='0');
}
</style>
</head><body>
<div class="round">This is round box with a gradient.</div>
</div></div>
<script src="curvycorners.js"></script>
</body></html>
What is the expected output? What do you see instead?
Would expect to see a round box with a gradient. The gradient doesn't
appear.
What version of the product are you using? On what operating system?
2.04
Please provide any additional information below.
Original issue reported on code.google.com by [email protected] on 10 Nov 2009 at 6:06
r113 - IE8 alters border
What steps will reproduce the problem?
1. use black border with curvy r113
2. load in IE
3.
What is the expected output? What do you see instead?
Expect black curved border. Get white curved border!
What version of the product are you using? On what operating system?
r113 XP
Please provide any additional information below.
see two example files
Original issue reported on code.google.com by [email protected] on 6 Jun 2009 at 1:06
Attachments:
Error in Firefox 3.5 even on CC homepage
What steps will reproduce the problem?
1. Browse to page in Firefox 3.5
2.
3.
What is the expected output? What do you see instead?
Everything works but an alert box pops up saying "Scanstyles does nothing
in Webkit/Firefox".
What version of the product are you using? On what operating system?
This is even on your homepage !! (I am using latest version 2.04 on my
website). Linux.
Please provide any additional information below.
The problem appears to be resolvable by removing the statement
else curvyCorners.alert('Scanstyles does nothing in Webkit/Firefox');
from the main body of the code.
Original issue reported on code.google.com by [email protected] on 20 Jul 2009 at 3:51
Issue with IE when using jquery fade function
What steps will reproduce the problem?
1. adding curvy corners to an image
2. use fade in/out function in jquery when the image is rolled over
3. wont work in Internet Explorer
What is the expected output? What do you see instead?
The expected output would be to have a smooth fade in/out animation (which
works in mozilla) however instead, in IE it either wont show the animation
or puts a extra line in the middle of the image
What version of the product are you using? On what operating system?
version 2.0.4! windows vista
Please provide any additional information below.
I have attached a file which clearly shows the bug( when you open it in
internet explorer and firefox, you clearly will see that the fading effect
do not work in IE when the picture is curved! would be very greatfull if
you can find a solution to this and contact me! I would very much
appreciate it. Im a developer in a company called Nami It Solutions, You
can contact me on [email protected]
Original issue reported on code.google.com by [email protected] on 29 Sep 2009 at 10:06
Attachments:
curvyCorners(settings, "div.dialogBox h1") fail if multiple div.dialogBox object in the page
What steps will reproduce the problem?
1. create multiple <div class="dialogBox"> <h1>hello</h1></div> on the same
page
2. round them
What is the expected output? What do you see instead?
I get an error
Error: node.getElementsByTagName is not a function
Source File: /curvycorners.src.js
Line: 1270 els = node.getElementsByTagName(tag);
This is because node is a list of object instead of an object
What version of the product are you using? On what operating system?
The 2.0.4
Please provide any additional information below.
the path maybe :-)
--- curvycorners.src.js.orig 2009-08-14 13:49:20.000000000 +0200
+++ curvycorners.src.js 2009-08-14 13:49:51.000000000 +0200
@@ -308,7 +308,7 @@
else {
var encloser = curvyCorners.getElementsByClass(argbits[0]);
for (j = 0; j < encloser.length; ++j) {
- boxCol =
boxCol.concat(curvyCorners.getElementsByClass(argbits[1], encloser));
+ boxCol =
boxCol.concat(curvyCorners.getElementsByClass(argbits[1], encloser[j]));
}
}
//break;
@@ -1370,4 +1370,4 @@
if (curvyBrowser.isOp)
document.addEventListener("DOMContentLoaded", curvyCorners.init, false);
else addEvent(window, 'load', curvyCorners.init, false);
-}
\ No newline at end of file
+}
Thanks for your work
PS: In fact I'm not sure the problem will not popup if I'had only one
div.dialogBox but just regarding the patch is enough to see something is
wrong with the original code
Original issue reported on code.google.com by [email protected] on 14 Aug 2009 at 12:00
Conflict when using CurvyCorners and MooTools with Clientcide
You will run into problems when using CurvyCorners together with MooTools
(+ Clientcide-Plugins).
It's because of the function "addEvent()" in CurvyCorners.
It seems that there is some kind of conflict.
Renaming the function to "cc_addEvent()" solved the problem for me.
Greetings.
Bill
Original issue reported on code.google.com by [email protected] on 23 Jul 2009 at 11:36
All browsers besides IE and Opera get an alert "Wasting my time!"
What steps will reproduce the problem?
1. Use CC in a non-IE, non-Opera browser
2. Refresh page
3. See alert
What is the expected output? What do you see instead?
The expected behavior is to not have an alert pop up, but to appear to do
nothing.
What version of the product are you using? On what operating system?
r80
Please provide any additional information below.
Original issue reported on code.google.com by [email protected] on 5 May 2009 at 12:19
class matching fails with multiple classes on a div
What steps will reproduce the problem?
1. Create a div with multiple classes.
<div class="myClass curvyClass"></div>
2. Use curvyCorners with the class name option
var cornersObj = new curvyCorners(settings, "curvyClass");
What is the expected output? What do you see instead?
The corners should be rounded but are not.
What version of the product are you using? On what operating system?
v 1.2.10
Please provide any additional information below.
The problem lies in the regexp used. the "\s" should be "\\s", and
also when the code is compressed, you will need to verify that the double
escape is preserved (the 1.2.10 sources shows a single escape, with the
compressed having no escapes).
Original issue reported on code.google.com by [email protected] on 11 Dec 2008 at 6:27
Black corners on IE8 repeated trasparent png divs when curved
What steps will reproduce the problem?
1. Using curvycorners 2.0.4 - 2.0.5pre12 on divs containing repeated
transparent .png background images.
Css Example:
#abox2_shadow-container .abox2_shadow1,
#abox2_shadow-container .abox2_shadow2,
#abox2_shadow-container .abox2_shadow3 {
background: url('../images/sfx_abox2/7black.png') repeat;
}
What is the expected output? What do you see instead?
The expected output is a curved transparent corner on IE 8. What is output
is a curved corner but the corner's edge is solid black. This seems to be
an issue with the trasparent edge being anti aliased with solid colors.
What version of the product are you using? On what operating system?
Both curvycorners 2.0.4 and SVN 2.0.5pre12 are affected in IE8 on Windows
XP 32bit version. I haven't tested for similar rendering issues on Vista
and with IE 7 but I would expect similar erroneous behavior.
Please provide any additional information below.
I am more of a PHP programmer, so check my code but I seem to have solved
the problem by changing the code on the following line as described below:
on line 726 change:
if (this.spec.antiAlias) {
// Cycle the y-axis and draw the anti aliased pixels on the
outside of the curve
while (++inty < y4) {
// For each of the pixels that need anti aliasing between the
foreground/border colour & background draw single pixel divs
this.drawPixel(intx, inty, outsideColour,
(curvyObject.pixelFraction(intx, inty , specRadius) * trans), 1, newCorner,
borderWidthTB <= 0, specRadius);
}
}
To:
// Draw aa pixels?
if (this.spec.antiAlias && this.boxColour !== 'transparent') {
// Cycle the y-axis and draw the anti aliased pixels on the
outside of the curve
while (++inty < y4) {
// For each of the pixels that need anti aliasing between the
foreground/border colour & background draw single pixel divs
this.drawPixel(intx, inty, outsideColour,
(curvyObject.pixelFraction(intx, inty , specRadius) * trans), 1, newCorner,
borderWidthTB <= 0, specRadius);
}
}
Original issue reported on code.google.com by [email protected] on 21 Aug 2009 at 10:34
dragging myBox
What steps will reproduce the problem?
1. I tried to change position of 'myBox' div dynamically, but it is not
possible.
var a=document.getElementById('myBox');
a.style.left=x; a.style.top=y;
where x,y - new position on the screen
2.
3.
What is the expected output? What do you see instead?
What version of the product are you using? On what operating system?
curvycorners 2.0.4 , windows vista, ie8
Please provide any additional information below.
Could you put myBox on transparent div that could be relocated?
How about resizabily of myBox?
You did great job!
Original issue reported on code.google.com by [email protected] on 20 Sep 2009 at 2:21
Permission denied error on IE7 with Google AdSense ads
What steps will reproduce the problem?
1. Use curvycorners.js and have Google AdSense ads on same page
2. View page with IE7 specifically (Not an issue with IE8, did not test
with IE6)
3.
What is the expected output? What do you see instead?
Expecting rounded corners. Instead you get a permission denied error message
What version of the product are you using? On what operating system?
On/around line 1358 in 2.05pre12 (earlier versions fail as well)
Please provide any additional information below.
THe problem seems to be some security issue with IE7. Since AdSense is
loading it's own stylesheets in an iframe, it seems curvy corners is trying
to read those stylesheets as well and this is causing the permission denied
error.
A fix seems to be wrapping the following section in a try/catch block:
if (document.styleSheets[t].imports) {
for (i = 0; i < document.styleSheets[t].imports.length; ++i)
for (j = 0; j <
document.styleSheets[t].imports[i].rules.length; ++j)
procIEStyles(document.styleSheets[t].imports[i].rules[j]);
}
for (i = 0; i < document.styleSheets[t].rules.length; ++i)
procIEStyles(document.styleSheets[t].rules[i]);
Original issue reported on code.google.com by [email protected] on 6 Sep 2009 at 9:08
Excessive aler : No object with ID ...
What steps will reproduce the problem?
1. Add a new entry in your css
#dontexists {
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
Of course no object #dontexists exists in any of your pages
2. in a non mozilla browser render the page using this css
What is the expected output? What do you see instead?
The message "No object with ID..." popup. This message is boring even if
correct.
What version of the product are you using? On what operating system?
2.04 on non mozilla browser
Please provide any additional information below.
The message is correct, but boring.
Usually I use the same CSS for all my pages, and sometime some rules are
useless because the related items are not displayed on all my pages !
You don't display any message for unused "class" rules, why display a
message for other items ?
Regards
Thanks for your work
Alain
Original issue reported on code.google.com by [email protected] on 14 Sep 2009 at 8:53
Limited support for background-position
What steps will reproduce the problem?
1. specify background-position using keywords 'left', 'right', 'top',
'bottom' or 'center'
2. specify background-position using percentages
What is the expected output? What do you see instead?
Background-positions specified other than in pixels are treated as zero.
Original issue reported on code.google.com by c.1%[email protected] on 12 May 2009 at 2:55
corner borders rounds improperly in some cases
What steps will reproduce the problem?
Imagine such situation:
* we have <div> who has corenrs to be rounded with CC
* div has background image assigned with repeat-x property (as you
understand, this will be a gradient in most cases) + backround color, in
case div will have heigth larger than backgound image (common technique to
got visually smooth gradients)
IN CASE <div> heigth really becomes larger than beckground`s image heigth
(too much content :) ), bottom corners renders improperly
You can see this here: http://www.eutaxback.com/
There is 4 containers rounded in the middle of page.
Left middle one and right large container has this problem
What is the expected output? What do you see instead?
I expect to see rounded corner with 1px bored, as setted in stylesheet
Instead of this I see 2px border
This is a question - do the border on corner DOUBLES, or just incerases
+1px
What version of the product are you using? On what operating system?
CC: beta.v2.02alfa.r34
IE 7
winXP
previous versions of CC has this problem too (in beta 2 branches).
Original issue reported on code.google.com by [email protected] on 24 Apr 2009 at 4:24
memory/performance issue with shift+reload in firefox 3.5.2
What steps will reproduce the problem?
1. load demo2.html (background div image of squirrel)
2. hit shift+reload
What is the expected output? What do you see instead?
page should reload just as quick and same as original load. instead, lots
of memory consumed, image takes a long time to load and draw, and when it
does the corners are off.
What version of the product are you using? On what operating system?
curvycorners 2.0.4 on mac os x 10.5 leopard with firefox 3.5.2.
Please provide any additional information below.
i cleared the cache and hit reload (with shift) and it works correctly. i
tried in safari with caching disabled and it works correctly. the
tab/window is slow to respond to anything after the problem occurs and must
be closed to recover - and it seems to still hold on to memory. killing
firefox fixes it.
i tried with firebug on and off, so that's not the issue. i tried via HTTP
and plain file URLs, so it's not that.
Original issue reported on code.google.com by [email protected] on 17 Aug 2009 at 5:17
Fails on selectors with dash / hyphen ('-') in the name
I'm using this with Jquery UI and the default classes for that framework
have dashes in the names such as:
ui-corner-tl
ui-corner-tr
ui-corner-all
ui-corner-bottom
So those apply CSS 3 styles for rounded corners, but curvycorners doesn't
appear to work with any selectors that have a dash or hyphen in the class
or id name.
Original issue reported on code.google.com by [email protected] on 18 May 2009 at 6:22
Dropdown Menu not workin with curvy corner in IE
What steps will reproduce the problem?
1. Using curvy corner with drop down menu
2. if complete selector is given curvyCorners(settings, "ul.dropdown");
instead of curvyCorners(settings, ".dropdown")
What is the expected output? What do you see instead?
Expected Output should be rounded corners along with drop down menu working
properly but output is Drop down menu stop working in IE
What version of the product are you using? On what operating system?
IE 6, windows operation system
Please provide any additional information below.
Have attached the complete set of file used in the attached file.
Original issue reported on code.google.com by [email protected] on 9 Jul 2009 at 10:38
Attachments:
Background image aligning problem in Firefox / Chrome
What steps will reproduce the problem?
1. Assign a background image to the DIV that you want rounded
2. Try background image to align at the bottom
3. Firefox, Chrome doe not do it. IE does it correct.
Below is the sample CSS:
.round {
margin: 0.5in auto;
color: #000;
width: 60%;
padding: 20px;
text-align: left;
background-color: #FFF;
border: thick solid #006;
background-image: url(fade.gif);
background-repeat: repeat-x;
background-position: bottom;
background-attachment: scroll;
What is the expected output? What do you see instead?
The image fails to align from bottopm
What version of the product are you using? On what operating system?
XP, IE 7, Chrome 2.0, Firefox 3
Please provide any additional information below.
Original issue reported on code.google.com by [email protected] on 16 Jul 2009 at 1:16
Using ASP.net
What steps will reproduce the problem?
1. Create a div with no height and apply curvycorners to it.
2. Use js to add some element.
Possible (very basic) fix (goto line 890 or there by and add):
this.contentContainer.onresize = function(event) {
event = event || window.event;
var container = event.srcElement;
container.parentNode.style.height = container.clientHeight + "px";
container.parentNode.childNodes[0].style.height = container.clientHeight
+ "px";
}
This way it maybe possible to remove the redraw option.
Cheers and thanks for the great corners!
Original issue reported on code.google.com by [email protected] on 8 Jul 2009 at 11:54
improper rendering of round corners when using standard HTML colors in CSS border attribute for IE7
What steps will reproduce the problem?
1. Open test.html and compare the results in Firefox 3 and IE7. You should
see the JavaScript functioning correctly in FF3 (good.png), but incorrectly
in IE7 after you allow blocked content to run (bad.png).
2. Change the border attribute in the .round class from:
border:3px solid red; to border:3px solid #f00;
3. It now works in FF3 and IE7.
What is the expected output? What do you see instead?
I expected the JavaScript to understand standard HTML colors and output
good.png in both browsers. Instead, it's bad.png until I changed red to
#f00 in the .round class.
What version of the product are you using? On what operating system?
curvy corners v 2.0.0 on XP Pro.
Please provide any additional information below.
The following error appears in IE7 when the content doesn't render correctly:
Line: 13
Char: 19524
Error: Invalid property value.
Code: 0
URL: file://the/computer/path/to/test.html
Original issue reported on code.google.com by [email protected] on 23 Jan 2009 at 9:32
Attachments:
unexpected scaled text
What steps will reproduce the problem?
1. applying cc to divs
like this:
<script type="text/JavaScript">
window.onload = function() {
var settings = {
tl: { radius: 5 },
tr: { radius: 5 },
bl: { radius: 5 },
br: { radius: 5 },
antiAlias: true
}
curvyCorners(settings, ".myClass");
}
What is the expected output? What do you see instead?
just rounded corners vs rounded corners with scaled text
What version of the product are you using? On what operating system?
2.0.4 mac osx 10.5.8
Please provide any additional information below.
Original issue reported on code.google.com by [email protected] on 7 Oct 2009 at 10:09
Does not work in IE8 with filters (or in code forced compatability mode)
What steps will reproduce the problem?
1. Show a div with curves on 2 diaganal corners through css, an alpha
filter and borders.
2. include curvycorners js
What is the expected output? What do you see instead?
Expect a dimmed div, but you get a dimmed div with some of the borders not
dimmed.
What version of the product are you using? On what operating system?
2.0.4, XP
Please provide any additional information below.
It works in all other versions of IE.
I tried it in compatability mode but it only worked if the user presses
the compatabilty mode button. Setiing the meta data for compatability
mode did not work becuase the browserdetect function does not treat it as
IE7 when IE8 renders a page in emulateie7 mode.
Fixed the detect issue with the following browserdetect function:
function browserdetect() {
var agent = navigator.userAgent.toLowerCase();
this.isIE = agent.indexOf("msie") > -1;
this.ieVer = this.isIE ? /msie\s(\d\.\d)/.exec(agent)[1] : 0;
if (this.ieVer > 7)
{
this.quirksMode = (document.documentMode == 5);
this.ieVer = document.documentMode;
}
else
this.quirksMode = this.isIE && (!document.compatMode ||
document.compatMode.indexOf("BackCompat")>-1);
this.isMoz = agent.indexOf('firefox') != -1;
this.isSafari = agent.indexOf('safari') != -1;
this.isOp = 'opera' in window;
this.isWebKit = agent.indexOf('webkit') != -1;
if (this.isIE) {
this.get_style = function(obj, prop) {
if (!(prop in obj.currentStyle)) return "";
var matches = /^([\d.]+)(\w*)/.exec(obj.currentStyle[prop]);
if (!matches) return obj.currentStyle[prop];
if (matches[1] == 0) return '0';
// now convert to pixels if necessary
if (matches[2] && matches[2] !== 'px') {
var style = obj.style.left;
var rtStyle = obj.runtimeStyle.left;
obj.runtimeStyle.left = obj.currentStyle.left;
obj.style.left = matches[1] + matches[2];
matches[0] = obj.style.pixelLeft;
obj.style.left = style;
obj.runtimeStyle.left = rtStyle;
}
return matches[0];
};
}
else {
this.get_style = function(obj, prop) {
prop = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
return document.defaultView.getComputedStyle
(obj, '').getPropertyValue(prop);
};
}
}
now it works fine in IE8 with the metadata set to use ie7 rendering but
still the ie8 issue remains.
Smiley
Original issue reported on code.google.com by [email protected] on 30 Jul 2009 at 2:25
Can not Display PDF in <div> <Iframe>
What steps will reproduce the problem?
1. Create a Page to display the PDF in and Place this on the Page Load
Response.ContentType = "application/pdf"
Dim FilePath As String = MapPath("Pdfs/BrokerLetter.pdf")
Response.WriteFile(FilePath)
2. Create a Page and Add a Div tag. with the div tag add an Iframe with
src="displayPage.aspx"
3. add CSS to Div for round Corners
4. Run and the Pdf viewer will blink for a milisecond and with the
javascript process the rounding corner effect
What is the expected output? What do you see instead?
Show the PDF in the browser under a page control with-in a div tag
What version of the product are you using? On what operating system?
Latest
Please provide any additional information below.
Original issue reported on code.google.com by [email protected] on 1 Sep 2009 at 12:44
Radius of rounded corners less than default distorts data positioning
What steps will reproduce the problem?
Set radius of rounded corners less than default (20px). 10px, for example
Problem coud be reproduced with the default examples provided with beta2
download
What is the expected output? What do you see instead?
Everything in rouned div ( in other words: data div contains ) moves to
the right or down (direction depends on rounded div`s parent elements
markup, I suppose).
Positioning distortion amount depends on how much radius is changed from
it`s default value.
What version of the product are you using? On what operating system?
Curvy: beta2r18
OS: Win32 XP
IE 6, 7
Original issue reported on code.google.com by [email protected] on 6 Apr 2009 at 8:13
CSS invocation fails in IE when using @import
Importing the stylesheets with@import in <style> tags doesn't work.
I attached a fixed version (see lines 1198-1241).
/Xavier Basty
xavier.basty[at]creuna.se
Original issue reported on code.google.com by [email protected] on 28 Apr 2009 at 4:17
Attachments:
CSS dropmenu appears behind div with curvycorners uisng IE 7
What steps will reproduce the problem?
1. Create a CCS styled menu with unordered lists.
2. Apply CurvyCorners to a div below the menu.
3. View the page in IE 7
What is the expected output? What do you see instead?
The drop menu should hover above other elements on the page, but instead
the menu drops behind the div with CurvyCorners
What version of the product are you using? On what operating system?
Using CurvyCorners 2.0.4. Windows Vista.
Please provide any additional information below.
Playing with the z-index for the drop menu seems to have no effect.
Applying a negative z-index to the div helps with the menu appearing on
top, but it disables all forms and links.
Original issue reported on code.google.com by [email protected] on 3 Nov 2009 at 7:04
Expanding context
What steps will reproduce the problem?
1. Using curvycorners 2.0.4 on divs without any background-image
2. create this HTML structure:
<div id="wrap">
<a id="onOff" href="#">toggle div</a>
<div id="toggleContent" style="display:none;">hello world!</div>
<div>
3. Apply the curvycorners, in all four corners of the div "wrap".
4. Apply this jQuery code:
$('#onOff').click(function() {
$('#toggleContent').slideToggle(250);
return false;
});
What is the expected output? What do you see instead?
The expected output was that the div "wrap" would grow together with the
div "toggleContent".
But what happens, is that the "toggleContent" comes out of the "wrap".
What version of the product are you using? On what operating system?
curvycorners 2.0.4
I am running Windows Vista 64x Ultimate
I tried this on IE6, IE7, Chrome 3, Opera 10, Safari 4 and Firefox 3.5
Please provide any additional information below.
Sorry for any bad english, I'm a not native english speaker.
Original issue reported on code.google.com by [email protected] on 30 Oct 2009 at 2:24
CurvyCorners incmpatable with .net valadators
What steps will reproduce the problem?
1. A simple form with a text box, required field valadator (linked to the
text box), and a submit button.
2. click on the submit button
3.
What is the expected output? What do you see instead?
Should see the valadator error message. No message shown. If the form
forces a postback - then the valiadtor works correctly.
What version of the product are you using? On what operating system?
Win XP
CC 2.0.0 and 2.0.3
Visual Studio 2008
.net 3.5
IE7
Please provide any additional information below.
Examples:
With CC: http://78.136.37.250/TestPages/CCTestValidator.aspx
Without CC http://78.136.37.250/TestPages/TestValidator.aspx
Sample aspx page:
<%@ Page Language="VB" AutoEventWireup="false"
CodeFile="CCTestValidator.aspx.vb" Inherits="TestPages_CCTestValidator" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Curvy Corners Test With Validator</title>
<script src="../curvycorners.js" type="text/javascript"></script>
<style type="text/css">
* { font-family:Arial; font-size:10pt; }
.CurvyTest
{
background-color: #F0E0B0;
border: 2px solid #0000C0;
width: 250px;
margin-left:100px;
padding-left:20px;
padding-top:2px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
CCborderRadius: 12px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div class="CurvyTest">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server"
CausesValidation="True"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
runat="server"
ControlToValidate="TextBox1"
ErrorMessage="RequiredFieldValidator">Required</asp:RequiredFieldValidator>
<asp:CheckBox ID="CheckBox1" runat="server"
AutoPostBack="True" />
<br />
<input id="Submit1" type="submit" value="submit"
runat="server" causesvalidation="true" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
Original issue reported on code.google.com by [email protected] on 13 May 2009 at 2:52
Handling of border-radius attribute on non box tags
What steps will reproduce the problem?
1. Specify a css border-radius attribute on an INPUT type="buttton" tag
2. Displays OK in Firefox / Safari
3. Script fails in IE6 because INPUT tag method appendChildren() is absent.
What is the expected output? What do you see instead?
Script failure.
[Maybe this is outside your spec?]
Expect graceful degradation if method appendChildren() is absent. Poss fix
by testing for this.box.canHaveChildren?
What version of the product are you using? On what operating system?
2.0.4 in IE 6 and 8. Server 2003R2 and Windows XP SP2
Please provide any additional information below.
I have tried some other tags and had success with TD, CAPTION.
But TABLE also failed with missing renedering on IE6, but I havent tracked
as to why.
Original issue reported on code.google.com by [email protected] on 20 Jul 2009 at 6:32
Buggy browser detection (use feature detection!)
Running a Firefox nightly build, I get an alert 'Scanstyles does nothing in
Webkit/Firefox'. This is because Firefox nightlies are branded 'Minefield',
so your isMoz check fails.
This will also trigger the message on anything that isn't IE, Firefox,
Opera or Webkit.
You should probably borrow the 'does this browser support border-radius'
feature check from modernizr and use that instead.
Original issue reported on code.google.com by [email protected] on 11 Oct 2009 at 3:06
Absolute positioned divs lose positioning in IE
What steps will reproduce the problem?
1. Create a div with position:absolute;top:200px;left:400px;-moz-border-
radius:20px;-webkit-border-radius:20px;background:green;
2. Include curvycorners.js
3.
What is the expected output? What do you see instead?
In Firefox, see the div positioned correctly. In IE 6, 7, and 8, the div
is positioned at 0,0.
What version of the product are you using? On what operating system?
Running 2.0.3 on Windows Vista Ultimate 64-bit.
Please provide any additional information below.
Original issue reported on code.google.com by [email protected] on 30 May 2009 at 9:03
Attachments:
2 pixels are chopped off the height in IE7
I have a div with a height of 15px and padding of 10px. In Firefox, the
height is rendered correctly. In IE, the height renders correctly before
the application of CC. Afterwards, it's about 2 pixels short. Adding 2
pixels to the height via CSS does not fix.
Original issue reported on code.google.com by [email protected] on 12 Nov 2009 at 11:59
CC plus SWFObject in IE can lead to some freaky stuff
I just had to rip CC out of a site because having it in place was making a
flash movie jump to the top left corner of the screen when clicked. It was
also making it render above the vertical scrollbar of IE when resized
narrower than the flash piece.
I'm not sure what the devs can do about it - I'm fairly sure it's some
arcane bug but thought I'd put it up here for the sake of others.
I spent hours trying to figure out how to fix my Flash app. The only
workaround as of now is to remove CC from the equation. :(
Original issue reported on code.google.com by [email protected] on 13 Nov 2009 at 12:11
IE8 input field is slow
What steps will reproduce the problem?
1. Using the CC class ( rndCnrs ).
2.
3.
What is the expected output? What do you see instead?
In a php file the loading of CC causes the input of text to be very slow.
Only by removing this class does IE8 render this correctly.
What version of the product are you using? On what operating system?
not certain of the product version, but the platform is linux/apache/php
5.29 doctype is transitional.
Please provide any additional information below.
code snippet:
<div class="rndCnrs" align="center" style=" border: 3px solid #D6AB46;
width:150px;margin:5px 0px 0px 0px;background:#FFFFFF
url(\'images/brown.gif\') repeat-x top left;padding:5px;">
<div class="menu_head" >Communications</div>
<div class="menu_content" >
%PC%
</div>
</div>
There are 4 of these which php replaces the %PC% with the correct menu
options, then echo's it out to the screen.
Original issue reported on code.google.com by [email protected] on 13 Nov 2009 at 9:12
Not working on .yui-content in IE
What steps will reproduce the problem?
1. use YUI TabView with at least two tabs
2. round the corner of .yui-content
3. try to switch the tab in IE (6 & 7)
What is the expected output? What do you see instead?
YUI TabView with rounded corners (bottom right and left) and working tabs.
Tabs are not working in ie6 and ie7 if .yui-corner has rounded corners.
What version of the product are you using? On what operating system?
2.0.3 on WinXP SP3 (with ie6 installed, but also tried it in a VM with
WinXP SP3 and ie7). On FF everything works fine!
Please provide any additional information below.
if I use rounded corners on a element outside the TabView all things work
even in ie6 & ie7.
If I use it on .yui-content and set curvyCornersNoAutoScan = true and delay
init() via setTimeout the tabs work in ie6 & ie7 till the init() function
is called!
Hope this information helps. curvyCorners is really a great script and I
love it!
Original issue reported on code.google.com by [email protected] on 19 May 2009 at 8:46
Minor issue with Opera
What steps will reproduce the problem?
1. use Opera 9.64
2. use minimised code of this format
.shape {
border: 2px solid #E0E0E0;
background:url(images/back.png) repeat;
}
.shape1 {
border: 1px solid gray;
background:url(images/back_b.png) repeat;
}
.shape2 {
background:url(images/back_b.png) repeat;
padding:0 5px 0 0;
}
.shape, .shape1, .shape2, .shape9 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
What is the expected output? What do you see instead?
expect each class element to be curved. Only the first element is curved.
What version of the product are you using? On what operating system?
v2.0.3 and r115 on XP
Please provide any additional information below.
Works with all other browsers and IE7. To make Opera work have to expand
the code for each class element.
Original issue reported on code.google.com by [email protected] on 4 Jul 2009 at 12:55
fails on inline elements such as a tags
I agree that using curvycorners on a standard inline element is probably
not a good idea. However there are often cases where an inline element such
as an a tag will be overridden to display:block; with CSS. In these cases
it would be very useful if curvycorners would work just fine. As it is, it
appears to ignore inline elements.
Original issue reported on code.google.com by [email protected] on 18 May 2009 at 7:27
SSL Insecure Content Message
What steps will reproduce the problem?
1. Install CurvyCorners.js (linked internally) on a site using SSL
2. Refresh the page
What is the expected output? What do you see instead?
Corner viewing is not effected.
What version of the product are you using? On what operating system?
2.0.3
Please provide any additional information below.
I searched for any references to a non-ssl http request within the
curvycorners.js file and came up empty.
Original issue reported on code.google.com by [email protected] on 6 Jul 2009 at 10:46
AdSense Link Units Disappear
What steps will reproduce the problem?
1. Add a Google AdSense Link Unit (not regular AdSense, but a link unit)
to a page utilizing Curvy Corners.
2. Configure Curvy Corners to curve all corners of all divs using a
certain style.
What is the expected output? What do you see instead?
What I see is the AdSense flash for a second and then go away as soon as
Curvy Corners loads. This is just in IE7 and IE8. Chrome, Safari, and
Firefox all work fine.
What version of the product are you using? On what operating system?
2.0.4
Please provide any additional information below.
This problem exists with Google AdSense Link units and with Adsense for
Search. Normal Adsense is fine.
Original issue reported on code.google.com by [email protected] on 17 Oct 2009 at 5:34
line across div in IE when using transparency on top rounded corners
What steps will reproduce the problem?
1. create two divs, one with rounded top, and the other with rounded bottom
2. now make the divs transparent in CSS
3. load up in Chrome - no issue - in IE a line appears across the div that
has the top rounded using curvycorners....
What is the expected output? What do you see instead?
should be no line, as with Chrome etc... but a line appears in IE (only
when top corners are used.)
What version of the product are you using? On what operating system?
Latest from site - Vista, Chrome and IE
Please provide any additional information below.
Hi there,
This may be an easy and quick fix - I just can't seem to nail it though...
I'm doing a mock-up of a site for somebody, and I'm using curvy corners for
the header and footer divs - rounded top edges on the header, and then
rounded bottom edges on the footer. Nothing too fancy.
This seems to work as planned, and looks fine. I then wanted to add some
transparency to those divs, to show through the background etc.
The strange behaviour I'm seeing is on the header - there appears to be a
line across the div when using curvy corners? This doesn't appear on the
footer however, which is strange as it's inconsistent in it's behaviour!
If I take off the curvy corners (i.e. remove the class) and leave on the
transparency the 'line' goes away, but then so does the rounded edge on the
div. If I put the class back in, the line reappears.
As mentioned, this does not happen on the footer div, which is a replica of
the header div, with a different named class, and then curves on the bottom
edges, and not the top.
Any ideas of how to get rid of the 'line'??? Am thinking that there is
perhaps something in the .js file drawing that line when using the the top
curves, but it doesn't show up until transparency is applied to the div,
but I could be wrong... it doesn't appear when using the bottom curves,
Thanks in advance,
David
Original issue reported on code.google.com by [email protected] on 16 Nov 2009 at 7:15
Doesn't work with collapsible divs
I'm using collapsible divs
(http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm) in a
container div with Curvy Corner.
In in IE on Windows Vista and XP, the container div doesn't expand as it
should do. So the text overflow outside the div.
I think the curvy corner must set a height to the div which stop it from
resizing.
Original issue reported on code.google.com by [email protected] on 5 Nov 2009 at 2:50
Error flagged by Safari - r114
What steps will reproduce the problem?
1. use r114
2. use Safari 3.2.3 (252.29)
3.
What is the expected output? What do you see instead?
Get Safari error message as attached. Page shows correctly. Runs
correctly in Firefox.
What version of the product are you using? On what operating system?
r114 XP SP4
Please provide any additional information below.
Version 2.0.3 (Stable) does not give this error.
Original issue reported on code.google.com by [email protected] on 13 Jun 2009 at 12:55
Attachments:
Opera 9.x - tab or space in line before classname causes problems
What steps will reproduce the problem?
<style>
.mybox { -webkit-border-radius: 10px; -moz-border-radius: 10px;}
</style>
=> WORKS
<style>
.mybox { -webkit-border-radius: 10px; -moz-border-radius: 10px;}
</style>
=> DOESN'T WORK
Tested on Opera 9.64
Original issue reported on code.google.com by [email protected] on 12 Aug 2009 at 12:19
Limited support for background-position
What steps will reproduce the problem?
1. specify background-position using keywords 'left', 'right', 'top',
'bottom' or 'center'
2. specify background-position using percentages
What is the expected output? What do you see instead?
Background-positions specified other than in pixels are treated as zero.
Original issue reported on code.google.com by c.1%[email protected] on 12 May 2009 at 2:53
Transparent background with border appears to fail in IE and Opera
What steps will reproduce the problem?
1. background-color:transparent; for the area to be curved
2. IE or Opera
3. use a solid border
Works fine with background colour and no border.
What is the expected output? What do you see instead?
Expect curved corner box around area with no change in background.
See white stripe on top and bottom of curved area.
What version of the product are you using? On what operating system?
V2-0-2A r34 on Windows XP
Please provide any additional information below.
Code works correctly with border-radius in FF, Safari, Chrome.
Original issue reported on code.google.com by [email protected] on 27 Apr 2009 at 12:40
Attachments:
Cannot get it to work in IE
What steps will reproduce the problem?
1. apply CSS to existing class
2. open in IE not working
3. open in Firefox, Chrome, Safari, it is working
What is the expected output? What do you see instead?
I am not sure if just using the CSS will work for IE. I would like to see
some specific documentation on how curvycorners works in IE. I cannot
figure it out.
What version of the product are you using? On what operating system?
The latest version 2.0.4pre7
Please provide any additional information below.
I just was wondering if using -moz-border-radius:1ex;
-webkit-border-radius:1ex; will work for IE? On my machine it is not. In
the documentation it doesn't say it would work for IE but it also stats in
general that curverycorners does support IE. Can you please tell me how I
can get this to work in IE? Thanks
Original issue reported on code.google.com by [email protected] on 30 Jun 2009 at 3:43
Printing the border
When using a border (for instance 3px solid #000) on a box with curvy
corners, printing it won't display the corner. The border without corners
will still be printed (and it seems that one cannot prevent the border from
beeing printed, even without a border:none in a CSS sheet for printers).
Look for instance at the screenshots attached.
I am using Curvy Corner version 2.0.4 on Mac OS X.
Original issue reported on code.google.com by [email protected] on 11 Aug 2009 at 2:06
Attachments:
Invalid Argument in IE7
What steps will reproduce the problem?
1. Use this code on IE7:
//js in HTML file
function initCorners() {
var settings = {
tl: { radius: 20 },
tr: { radius: 20 },
bl: { radius: 20 },
br: { radius: 20 },
antiAlias: true
}
curvyCorners(settings, ".myButton");
}
//HTML
<table border="1"
id="mainTable">
<tr>
<td
onclick="window.location='#'">
<div id="myButton0"
class="myButton">Bill Of Lading</div>
</td>
<td onclick="window.location='#'">
<div id="myButton1"
class="myButton">Void Bill Of Lading</
div>
</td>
</tr>
</table>
//CSS file
.myButton {
font: HelveticaNeue LT 55 Roman;
font-weight: bold;
margin: 0.5in;
color: #FFFFFF;
width: 60%;
padding: 5px;
text-align: center;
background-color: #6e9af5;
border: 1px solid #2e45b7;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
white-space: nowrap;
}
.myButton:hover {
text-decoration: underline;
}
myButton p {
padding:0;
margin:1px 0;
}
What is the expected output? What do you see instead?
Rounded buttons
What version of the product are you using? On what operating system?
2.0.3
Please provide any additional information below.
Getting javascript error, Invalid Argument, no rounded corners in IE7.
Original issue reported on code.google.com by [email protected] on 30 Jun 2009 at 6:50
Matching elements with more than one class name? (and display issues)
What steps will reproduce the problem?
1. Try calling the setup method with a class name which matches more than
one class: curvycorners(10, 10, 10, 10, "small red");
What is the expected output? What do you see instead?
It would match elements which had both classes only.
What version of the product are you using? On what operating system?
Latest, Windows Vista, FF, IE, Safari, Chrome.
Please provide any additional information below.
The previous version didn't have this issue, Firstly I have called the
classes with a . prepending them using regex to replace any multiple
classnames (as above).
Also the actual output/display even when using just one .className is
totally different to the previous version, it breaks the site :( owww
Original issue reported on code.google.com by [email protected] on 22 May 2009 at 11:13
Re-invalidating Issue 36 ('No Object' Errors)
The full error reads something like:
No object with ID#xxxxxxxxxxx exists yet.
Call curvycorners(settings, obj) when it is created.
I understand this can help you if you misspelled a id/class name. However,
what about situations where the element legitimately doesn't appear on the
page at all by design? Not all elements in a stylesheet appear on every
page, especially if the same stylesheet is shared by all pages in a site.
This behavior all but guarantees that all visitors to a site in a
non(mozilla/webkit) browser will see an error window pop up. It needs to be
changed so that it rounds corners only for objects that appear on a
specific page and doesn't complain when it can't find all objects that have
rounding applied in the stylesheet.
This is a wonderful script that makes my life a lot easier. This option
makes it very hard to use in a useful way. Please fix it!
Original issue reported on code.google.com by [email protected] on 25 Sep 2009 at 6:33
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.