Bug 346436 - [Theming][Button] FocusIndicator is missing border-radius
Summary: [Theming][Button] FocusIndicator is missing border-radius
Status: NEW
Alias: None
Product: RAP
Classification: RT
Component: RWT (show other bugs)
Version: 1.4   Edit
Hardware: All All
: P3 enhancement with 1 vote (vote)
Target Milestone: ---   Edit
Assignee: Project Inbox CLA
QA Contact:
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-05-19 08:49 EDT by Holger Staudacher CLA
Modified: 2012-06-06 02:49 EDT (History)
3 users (show)

See Also:

Attachments
button with focus in Firefox 9.0.1 (1.29 KB, image/png)
2012-06-06 02:48 EDT, Ilya Bochkarev CLA 		no flags Details
button with focus in Chrome 17.0.963.65 (991 bytes, image/png)
2012-06-06 02:49 EDT, Ilya Bochkarev CLA 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Holger Staudacher CLA 2011-05-19 08:49:09 EDT 
If you theme a Button-FocusIndicator you have the possibility to set the border. But the border-radius property is missing. This results in really odd looking focus indicators if you have buttons with rounded corners.
Comment 1 Ilya Bochkarev CLA 2012-06-06 02:47:27 EDT 
I have the same problem.
My up menu button have rounded corners

Button.upMenuButton {
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 7px;
	color: white;
	font: bold 15px Calibri, Arial, sans-serif;
	padding: 3px 5px 4px 5px;
}

and Button-FocusIndicator is

Button-FocusIndicator {
	border: none;
	background-color: #ffffff;
	opacity: 0.3;
	margin: -5px;
}

In Firefox 9.0.1 everythin is allright, but Google Chrome 17.0.963.65 corners of Button-FocusIndicator are not rounded.
Comment 2 Ilya Bochkarev CLA 2012-06-06 02:48:20 EDT 
Created attachment 216904 [details]
button with focus in Firefox 9.0.1

button with focus in Firefox 9.0.1
Comment 3 Ilya Bochkarev CLA 2012-06-06 02:49:34 EDT 
Created attachment 216905 [details]
button with focus in Chrome 17.0.963.65

button with focus in Chrome 17.0.963.65. Corners are not rounded.