Inline "border" CSS rendering incorrectly in UXP plugins

Photoshop
1

I’m on Windows 11 using the latest version of PS Beta (pre-release): Adobe Photoshop Version: 27.5.0 20260223.m.3430 982ab4c x64 (beta, Prerelease)

I’m using the following HTML to make a UXP plugin:

<div style="display: flex; justify-content: space-around">

        <span id="noBackgroundImage" class="default" style="height: 30px; width: 30px; border: 2px solid white;"></span>
        <span id="withBackgroundImage" class="default" style="height: 30px; width: 30px; border: 2px solid white; background-image: linear-gradient(0deg, rgba(0,0,0,1), rgba(255,255,255,1));"></span>

    </div>

It renders differently in Ps 2026 than it does in the newest version of Ps Beta as shown in the image below. The Ps Beta version is including a gray outline around the border. This wrong. Borders are NOT supposed to have outlines.

image
image960×713 6.78 KB

2

Outlines are also messed up There is a gray outline around the outline. The CSS “outline: 3px solid #00ff00;” is displayed differently in Ps 2026 than in Ps Beta.

 <div style="display: flex; justify-content: space-around">
        
        <span id="noBackgroundImage" class="default" style="height: 30px; width: 30px; border: 2px solid white; outline: 3px solid #00ff00;"></span>
        <span id="withBackgroundImage" class="default" style="height: 30px; width: 30px; border: 2px solid white; background-image: linear-gradient(0deg, rgba(0,0,0,1), rgba(255,255,255,1)); outline: 3px solid #00ff00;"></span>
    
    </div>

The code above gives visibly different results in Ps 2026 than in Ps Beta.

image
image705×695 6.2 KB

3

I traced this problem to a feature in the pre-release version of Ps Beta and have reported it to Adobe.

4

What is the feature called?

6

Jarda–If you are a member of Adobe pre-release, you can view information about what is causing this issue here: Adobe ID

2 Likes