[#SDK-658] borders with rounded corners overlap with content

Flex SDK

borders with rounded corners overlap with content

Created: 06/05/06 05:45 PM Updated: 10/17/07 05:50 AM

Component/s:

Layout - General

Security Level:

Public (All JIRA Users )

File Attachments:

app.mxml (0.7 kb)
2.

appUsingMask.mxml (1 kb)

Image Attachments:

1. sunset.jpg
(14 kb)

Issue Links:

Duplicate

This issue is duplicated by:
	~~SDK-13045~~ Drop shadow filter bug on canvas with...

Severity:	Cosmetic Issue/Spelling Error
Reproducibility:	Every Time
Discoverability:	Medium
Found in Version:	(Planning) SDK 3.0 Candidates
Milestone:
Affected OS(s):	All OS Platforms - All
Steps to Reproduce:	« Hide Reproduction: 1. run bug file Actual Results: content sticks out of parent border. Expected Results: Parent should either clip child content, or inset it. Workaround: Set a large padding. Show » Reproduction: 1. run bug file Actual Results: content sticks out of parent border. Expected Results: Parent should either clip child content, or inset it. Workaround: Set a large padding.
Language Found:	English
Bugbase Id:	173915
Needs Release Note:	No
Triaged:	Yes
Regression:	No
QA Owner:	Raghunath Rao
Resolved by:	Joan Lafferty
Fixed Version:	(Planning) SDK 3.0 Candidates - Next Build
Participants:	egreenfi, Jason Szeto, JIRA Migration Admin, Joan Lafferty, Lauren Park and Stacy Tyler Young

All

Comments

Sort Order:

[ Permlink | « Hide ]

JIRA Migration Admin - [05/12/07 04:13 PM ]

Milestone ID = 998
Milestone = PostRelease_Flex2.0.x
Build ID = 19329
Build = 141748_Flex
Fix Build ID = null
Fix Build = null

[ Permlink | « Hide ]

JIRA Migration Admin - [05/12/07 04:13 PM ]

Move from BugDB issue number 173915

[ Permlink | « Hide ]

Stacy Tyler Young - [08/20/07 02:39 PM ]

Form Guides Designer (part of LiveCycle) allows the end user to customize Flex generated apps including the rounding of panel corners. We've noticed this same issue ...the workaround just isn't applicable. Possible to slide fix into Moxie?

[ Permlink | « Hide ]

Lauren Park - [08/30/07 05:08 PM ]

PFR

[ Permlink | « Hide ]

Jason Szeto - [08/30/07 05:57 PM ]

Recommend defer. This is a lot of work for a very rare use case. I've attached a workaround that uses binding to change the padding values relative to the cornerRadius value. The algorithm I use is very primitive. You'll probably want to create a more complex function that measures the inset based on the curve of the corners.

[ Permlink | « Hide ]

Jason Szeto - [08/30/07 05:58 PM ]

Attaching workaround that uses binding

[ Permlink | « Hide ]

Lauren Park - [08/30/07 07:20 PM ]

Deferred - see workaound.

[ Permlink | « Hide ]

Stacy Tyler Young - [09/12/07 12:19 PM - edited ]

Re-opening as the workaround will not help in the case that there's a background image in use. The background sticks out beyond the rounded corner as well. I'll admit this isn't absolutely critical but I wanted to raise awareness of this secondary case.

[ Permlink | « Hide ]

Joan Lafferty - [09/12/07 03:39 PM ]

Sending Back To IRB

[ Permlink | « Hide ]

Jason Szeto - [09/18/07 05:17 PM ]

You can try playing around w/ adding a mask in the same shape as the container, including the rounded corners. I've added an example showing this off (appUsingMask.mxml).

Note, the reason we can't do this in the framework is because all containers use scrollRect instead of mask. Using scrollRect gives us scrolling of the content. ScrollRect can only be a Rectangle (less efficient to scroll in non-rectangular shapes), so we can't tell it use rounded corners. The mask and scrollRect properties are exclusive. You can only use one or the other.

[ Permlink | « Hide ]

Joan Lafferty - [10/04/07 08:00 PM ]

Closing Bug due to Jason's comments. I sent a message to the original filers to review this bug and see if the resolution is sufficient. If not, we'll reopen the bug.