Also having issues with PS 22, the sp-radio no longer aligns the text to the side correctly. I dont have any specific CSS on these so wondering how to get the text on the label to align to the right as it did in PS21? [spradio]

@matakus Your layout issue is down to setting a sp-radio to display: block – they don’t use block layout. Instead use display: initial or display: flex. I’d suggest using classes instead, though, so that you don’t have to try and set the actual styles: .hidden { display: none; } yourSpRadioElemen…

I believe this Kerri’s post should explain what’s happening [image] Changes in padding/margins? Photoshop I think you’d see this behavior in PS 22.5 as well; the layout for controls changed slightly when the ability to specify control sizes was enabled as this …

There seems to be no control over the size of sp-radio buttons now. I can’t get them to be less high than 48px. This limits flexibility a lot. Not sure why this decision was made. “New metrics” is fine as a default, but leave people the option open to adjust them if they want to.

@matakas: Would be useful to see your HTML. <sp-radio> that contains text inside the tag will automatically align the text correctly to the right. <sp-radio-group> <sp-radio>Face</sp-radio> <sp-radio>Edge</sp-radio> <sp-radio>Safety</sp-radio> </sp-radio-group> [image] @AndreasResch : You can …

My HTML is literally your example, but there is 12 radio buttons. I’m using javascript to hide certain buttons depending on the kind of template that is opened. <sp-radio-group> <sp-radio id="selectFiveSide">Face</sp-radio> <sp-radio id="selectSixSide">Edge</sp-radio> <sp-radio id="selectFiveSide">S…

Hey. Using the “size” attribute and setting it to “s” helped and the radio buttons work both in PS 2021 and PS 2022 now. Cheers.

I’ve fixed the issue by making multiple groups and giving the group an ID and setting it’s display to none rather than the individual button in one big group

Awesome, thanks for your help Kerri

Sp-radio text

Photoshop

Karmalakas November 4, 2021, 7:35am 2

I believe this Kerri’s post should explain what’s happening

Topic		Replies	Views
Changes in padding/margins? Photoshop	9	1009	November 5, 2021
Sp-checkbox and sp-radio-group are shifted down 5-pixels in Ps 2024 v25.1.0 Photoshop	5	506	January 15, 2024
<sp-body> element no longer synced to other "sp" elements in Photoshop 22.5.0 Photoshop	4	408	August 20, 2021
Putting extra options inline with sp-radio? Photoshop ui	0	311	June 26, 2021
Input type="radio" is not working as expected UXP Plugin API	14	855	July 24, 2022

Sp-radio text

Related topics