# \#css

**URL:** https://forums.creativeclouddeveloper.com/tag/css/105.md

[Latest](https://forums.creativeclouddeveloper.com/latest.md) · [Categories](https://forums.creativeclouddeveloper.com/categories.md) · [Tags](https://forums.creativeclouddeveloper.com/tags.md)

---

## [⚡ Validator for UXP is now available on VSCode Marketplace](https://forums.creativeclouddeveloper.com/t/validator-for-uxp-is-now-available-on-vscode-marketplace/7611)

<div class="topic-metadata">

**Author:** [@Jarda](https://forums.creativeclouddeveloper.com/u/Jarda)\
**Replies:** 10\
**Last updated:** [September 3, 2026, 9:36am UTC](https://forums.creativeclouddeveloper.com/t/validator-for-uxp-is-now-available-on-vscode-marketplace/7611 "2026-09-03T09:36:07Z")

</div>

Validator for UXP is now available on VSCode Marketplace: Validator for UXP - Visual Studio Marketplace :fire: And open-sourced on GitHub: GitHub - jardicc/vscode-uxp-validator :beers: Please check it and let know your…

---

## [Recent PS update blocks \<textarea\>/\<input\> transparency + breaks button/input styling (UXP regression)](https://forums.creativeclouddeveloper.com/t/recent-ps-update-blocks-textarea-input-transparency-breaks-button-input-styling-uxp-regression/12074)

<div class="topic-metadata">

**Author:** [@Rob](https://forums.creativeclouddeveloper.com/u/Rob)\
**Replies:** 3\
**Last updated:** [August 10, 2026, 9:13am UTC](https://forums.creativeclouddeveloper.com/t/recent-ps-update-blocks-textarea-input-transparency-breaks-button-input-styling-uxp-regression/12074 "2026-08-10T09:13:11Z")

</div>

Man — I’ve been developing a plugin for 1.5 years, had it all working beautifully with styled themed backgrounds, waiting on my Marketplace seller account to be verified… and a recent Photoshop update has blocked backgro…

---

## [Linear-gradient and radial-gradient overflowing and ignoring border-radius (Indesign v21.1)](https://forums.creativeclouddeveloper.com/t/linear-gradient-and-radial-gradient-overflowing-and-ignoring-border-radius-indesign-v21-1/11667)

<div class="topic-metadata">

**Author:** [@Vel](https://forums.creativeclouddeveloper.com/u/Vel)\
**Replies:** 0\
**Last updated:** [January 22, 2026, 7:40am UTC](https://forums.creativeclouddeveloper.com/t/linear-gradient-and-radial-gradient-overflowing-and-ignoring-border-radius-indesign-v21-1/11667 "2026-01-22T07:40:13Z")

</div>

My team was using Indesign v19.2 and It was fine there. Recently we updated to the latest version (v21.1) and now it looks like this. It overflows or ignores borders. Here you can barely see edges of applied gra…

---

## [CSS box-shadow - a workaround](https://forums.creativeclouddeveloper.com/t/css-box-shadow-a-workaround/8230)

<div class="topic-metadata">

**Author:** [@Cris](https://forums.creativeclouddeveloper.com/u/Cris)\
**Replies:** 7\
**Last updated:** [January 16, 2026, 6:04pm UTC](https://forums.creativeclouddeveloper.com/t/css-box-shadow-a-workaround/8230 "2026-01-16T18:04:23Z")

</div>

Hello community, first, thanks to all people contributing here, I’ve learned a lot in the past weeks. I want to share a workaround for the missing box-shadow feature. Since I really would hate to do without it, I’ve w…

---

## [UXP input elements adding unneccesary padding](https://forums.creativeclouddeveloper.com/t/uxp-input-elements-adding-unneccesary-padding/6376)

<div class="topic-metadata">

**Author:** [@Adobe256](https://forums.creativeclouddeveloper.com/u/Adobe256)\
**Replies:** 17\
**Last updated:** [January 8, 2026, 2:36pm UTC](https://forums.creativeclouddeveloper.com/t/uxp-input-elements-adding-unneccesary-padding/6376 "2026-01-08T14:36:46Z")

</div>

Hi. someone try enlighten me on this. Why does uxp input element add a padding top inside it’s input component and the inner background is slightly drained outside the border left and right . Technically I understand tha…

---

## [Background image pan in image container](https://forums.creativeclouddeveloper.com/t/background-image-pan-in-image-container/11316)

<div class="topic-metadata">

**Author:** [@Rob](https://forums.creativeclouddeveloper.com/u/Rob)\
**Replies:** 0\
**Last updated:** [August 14, 2025, 4:38pm UTC](https://forums.creativeclouddeveloper.com/t/background-image-pan-in-image-container/11316 "2025-08-14T16:38:56Z")

</div>

Hi OK, as well as the other plugin I am doing this one, where I have a panel that has a loadable thumbnail. When you click the thumbnail it loads the image into an image container that sits in a parent container. The Pa…

---

## [UXP Panel grid layout](https://forums.creativeclouddeveloper.com/t/uxp-panel-grid-layout/10943)

<div class="topic-metadata">

**Author:** [@diredko](https://forums.creativeclouddeveloper.com/u/diredko)\
**Replies:** 1\
**Last updated:** [May 25, 2025, 1:41pm UTC](https://forums.creativeclouddeveloper.com/t/uxp-panel-grid-layout/10943 "2025-05-25T13:41:13Z")

</div>

Hi All, I’m looking for a way to layout items on UXP panel in a grid fashion. I tried using grid display and also a table but neither has worked. How can I display elements as grid in panel within a div?

---

## [\[BUG\] CSS variables with default RGB color doesn't work](https://forums.creativeclouddeveloper.com/t/bug-css-variables-with-default-rgb-color-doesnt-work/10477)

<div class="topic-metadata">

**Author:** [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Replies:** 0\
**Last updated:** [March 27, 2025, 4:54pm UTC](https://forums.creativeclouddeveloper.com/t/bug-css-variables-with-default-rgb-color-doesnt-work/10477 "2025-03-27T16:54:10Z")

</div>

None of these work: background-color: var(--bg-color, rgba(0, 0, 0, .7)); background-color: var(--bg-color, rgb(0, 0, 0)); background-color: var(--bg-color, #00000000); These work: background-color: var(--bg-color); b…

---

## [Action button border css doesn't work](https://forums.creativeclouddeveloper.com/t/action-button-border-css-doesnt-work/10457)

<div class="topic-metadata">

**Author:** [@M3mber](https://forums.creativeclouddeveloper.com/u/M3mber)\
**Replies:** 2\
**Last updated:** [March 25, 2025, 8:07pm UTC](https://forums.creativeclouddeveloper.com/t/action-button-border-css-doesnt-work/10457 "2025-03-25T20:07:37Z")

</div>

Greetings people, I am trying to just make a simple plugin for easier exporting of files using a naming scheme. I have tried changing the look of the sp-action-button element and have run into problems with the border. …

---

## [Sp-dialog dimension limits](https://forums.creativeclouddeveloper.com/t/sp-dialog-dimension-limits/10433)

<div class="topic-metadata">

**Author:** [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Replies:** 0\
**Last updated:** [March 23, 2025, 9:11pm UTC](https://forums.creativeclouddeveloper.com/t/sp-dialog-dimension-limits/10433 "2025-03-23T21:11:24Z")

</div>

Anyone aware of \<sp-dialog\> dimension limit? I noticed it adapts to the content more or less, but if there’s a lot of content, it doesn’t fit - dialog stops expanding at some point. And of course there’s no way to resize…

---

## [\[BUG\] sp-checkbox does not support multiline labels](https://forums.creativeclouddeveloper.com/t/bug-sp-checkbox-does-not-support-multiline-labels/10432)

<div class="topic-metadata">

**Author:** [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Replies:** 1\
**Last updated:** [March 23, 2025, 8:51pm UTC](https://forums.creativeclouddeveloper.com/t/bug-sp-checkbox-does-not-support-multiline-labels/10432 "2025-03-23T20:51:08Z")

</div>

In UDT playground, whatever I try, I can’t make checkbox label to cut to new line if it doesn’t fit to the container width. HTML \<!DOCTYPE html\> \<html\> \<head\>\<script src="main.js"\>\</script\>\</head\> \<body\> \<sp-bo…

---

## [\[BUG?\] CSS transform with \<IMG\> tags](https://forums.creativeclouddeveloper.com/t/bug-css-transform-with-img-tags/9388)

<div class="topic-metadata">

**Author:** [@blackRGB](https://forums.creativeclouddeveloper.com/u/blackRGB)\
**Replies:** 5\
**Last updated:** [February 17, 2025, 9:02am UTC](https://forums.creativeclouddeveloper.com/t/bug-css-transform-with-img-tags/9388 "2025-02-17T09:02:44Z")

</div>

Hello everyone. I enabled CSSNextSupport and noticed that the CSS property transform: rotate() doesn’t work with \<img\> tags. If applied to the parent, for example a \<div\> , the block rotates, but the child \<img\> stays in…

---

## [Is there a working sortable library for React?](https://forums.creativeclouddeveloper.com/t/is-there-a-working-sortable-library-for-react/8876)

<div class="topic-metadata">

**Author:** [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Replies:** 4\
**Last updated:** [December 19, 2024, 9:11am UTC](https://forums.creativeclouddeveloper.com/t/is-there-a-working-sortable-library-for-react/8876 "2024-12-19T09:11:07Z")

</div>

I noticed this post, so I understand it should work, but I didn’t test it yet. But I tried this SortableJS library and it didn’t work. No errors, nothing happens :confused: I just saw this post from 2019 asking the same …

---

## [Are uxp panels a fixed width?](https://forums.creativeclouddeveloper.com/t/are-uxp-panels-a-fixed-width/8636)

<div class="topic-metadata">

**Author:** [@drexalFunc](https://forums.creativeclouddeveloper.com/u/drexalFunc)\
**Replies:** 5\
**Last updated:** [November 8, 2024, 11:32am UTC](https://forums.creativeclouddeveloper.com/t/are-uxp-panels-a-fixed-width/8636 "2024-11-08T11:32:38Z")

</div>

I am trying to determine if the spacing to the side of the plugin is usable? Please see screen shot attached. The panels width seems to be limited, the buttons expand to a point and then once the panels width has exceed…

---

## [CSS "display: table" property is not working in UXP](https://forums.creativeclouddeveloper.com/t/css-display-table-property-is-not-working-in-uxp/8317)

<div class="topic-metadata">

**Author:** [@Niraj](https://forums.creativeclouddeveloper.com/u/Niraj)\
**Replies:** 1\
**Last updated:** [August 22, 2024, 2:06pm UTC](https://forums.creativeclouddeveloper.com/t/css-display-table-property-is-not-working-in-uxp/8317 "2024-08-22T14:06:07Z")

</div>

Hi all, I am trying to convert my HTML5 extension to UXP plugin. In HTML5 extension CSS property .tableDiv {display: table;} was working fine but in UXP it is not working. Can anyone help. Thanks HTML \<div class="tab…

---

## [CSS Variables not applied when used as inline styles](https://forums.creativeclouddeveloper.com/t/css-variables-not-applied-when-used-as-inline-styles/8081)

<div class="topic-metadata">

**Author:** [@Cris](https://forums.creativeclouddeveloper.com/u/Cris)\
**Replies:** 2\
**Last updated:** [July 27, 2024, 8:07pm UTC](https://forums.creativeclouddeveloper.com/t/css-variables-not-applied-when-used-as-inline-styles/8081 "2024-07-27T20:07:35Z")

</div>

Hello community, I’ve started developping my first tiny PS plugin. Everything works fine so far – thanks to this forum! Unfortunately I’m having an issue with custom CSS properties and would like to know if this is a…

---

## [CSS: Box-shadow added?](https://forums.creativeclouddeveloper.com/t/css-box-shadow-added/7894)

<div class="topic-metadata">

**Author:** [@NicolasH](https://forums.creativeclouddeveloper.com/u/NicolasH)\
**Replies:** 7\
**Last updated:** [May 20, 2024, 1:16pm UTC](https://forums.creativeclouddeveloper.com/t/css-box-shadow-added/7894 "2024-05-20T13:16:55Z")

</div>

Hi everyone, On one of my plugins, I used the CSS attribute “box-shadow” before I learned that it is not supported by Indesign. I forgot to delete the box-shadow from my css file because it didn’t change my UI. Since t…

---

## [Animated SVG not animating](https://forums.creativeclouddeveloper.com/t/animated-svg-not-animating/6832)

<div class="topic-metadata">

**Author:** [@Eyal](https://forums.creativeclouddeveloper.com/u/Eyal)\
**Replies:** 7\
**Last updated:** [May 7, 2024, 6:36pm UTC](https://forums.creativeclouddeveloper.com/t/animated-svg-not-animating/6832 "2024-05-07T18:36:18Z")

</div>

I need to show a spinner in my uxp plugin while doing some length processes. I have an svg spinner which animates just fine on a browser but the animation is not shown when using it in the plug-in. I tried doing this us…

---

## [CSS Animations](https://forums.creativeclouddeveloper.com/t/css-animations/1103)

<div class="topic-metadata">

**Author:** [@matt.holcombe](https://forums.creativeclouddeveloper.com/u/matt.holcombe)\
**Replies:** 9\
**Last updated:** [February 19, 2024, 11:23am UTC](https://forums.creativeclouddeveloper.com/t/css-animations/1103 "2024-02-19T11:23:05Z")

</div>

Are CSS animations / keyframes supported in panel plugins? It seems to just render a static circle when I implement something simple like this: https://codepen.io/anon/pen/jgBPGK

---

## [What is the uxp css var name for this color?](https://forums.creativeclouddeveloper.com/t/what-is-the-uxp-css-var-name-for-this-color/7489)

<div class="topic-metadata">

**Author:** [@tkmoney](https://forums.creativeclouddeveloper.com/u/tkmoney)\
**Replies:** 4\
**Last updated:** [February 13, 2024, 8:44pm UTC](https://forums.creativeclouddeveloper.com/t/what-is-the-uxp-css-var-name-for-this-color/7489 "2024-02-13T20:44:36Z")

</div>

Hello there, I see in the docs that there are a number of css var names to use in our uxp projects that will make sure that they are theme aware (https://developer.adobe.com/photoshop/uxp/2022/guides/theme-awareness/). …

---

## [Using a .CSS file with a UXPScript-based dialog](https://forums.creativeclouddeveloper.com/t/using-a-css-file-with-a-uxpscript-based-dialog/7263)

<div class="topic-metadata">

**Author:** [@medium\_jon](https://forums.creativeclouddeveloper.com/u/medium_jon)\
**Replies:** 3\
**Last updated:** [January 2, 2024, 10:46am UTC](https://forums.creativeclouddeveloper.com/t/using-a-css-file-with-a-uxpscript-based-dialog/7263 "2024-01-02T10:46:47Z")

</div>

I have a legacy ExtendScript based solution that I am intending to build a UXP Script based dialog for so that I don’t have to build the dialog both in ExtendScript’s ScriptUI and then again in UXP when the solution move…

---

## [UXP Roadmap](https://forums.creativeclouddeveloper.com/t/uxp-roadmap/6957)

<div class="topic-metadata">

**Author:** [@Timothy\_Bennett](https://forums.creativeclouddeveloper.com/u/Timothy_Bennett)\
**Replies:** 28\
**Last updated:** [December 8, 2023, 7:53am UTC](https://forums.creativeclouddeveloper.com/t/uxp-roadmap/6957 "2023-12-08T07:53:26Z")

</div>

Primarily addressing @Erin\_Finnegan @samgannaway and @Sujai with this one: I’m back on the UXP wagon after an extended break and I’m pleased to report that it’s shaping up nicely in the year since I’ve been actively dev…

---

## [The spectrum web components don't use/load css](https://forums.creativeclouddeveloper.com/t/the-spectrum-web-components-dont-use-load-css/6952)

<div class="topic-metadata">

**Author:** [@KDJFS](https://forums.creativeclouddeveloper.com/u/KDJFS)\
**Replies:** 4\
**Last updated:** [October 19, 2023, 7:56am UTC](https://forums.creativeclouddeveloper.com/t/the-spectrum-web-components-dont-use-load-css/6952 "2023-10-19T07:56:40Z")

</div>

Hi, I’m new to develop a UXP for Indesign. I’m actually on playing around with the functionality so I want to use the spectrum web components in the plugin. At this point I want to put aside using webpack or else so I …

---

## [React, Webpack, SASS - sp-\* elements not applying classes](https://forums.creativeclouddeveloper.com/t/react-webpack-sass-sp-elements-not-applying-classes/6909)

<div class="topic-metadata">

**Author:** [@Timothy\_Bennett](https://forums.creativeclouddeveloper.com/u/Timothy_Bennett)\
**Replies:** 4\
**Last updated:** [October 2, 2023, 2:41pm UTC](https://forums.creativeclouddeveloper.com/t/react-webpack-sass-sp-elements-not-applying-classes/6909 "2023-10-02T14:41:32Z")

</div>

I’m having a bit of an trouble getting the sp- elements to work with CSS/SASS in React. I can tell my CSS/SASS is building properly (bundled by Webpack) as classes work fine on vanilla HTML elements, but no joy with sp- …

---

## [Hiding components using js](https://forums.creativeclouddeveloper.com/t/hiding-components-using-js/6773)

<div class="topic-metadata">

**Author:** [@M3mber](https://forums.creativeclouddeveloper.com/u/M3mber)\
**Replies:** 4\
**Last updated:** [September 5, 2023, 11:31am UTC](https://forums.creativeclouddeveloper.com/t/hiding-components-using-js/6773 "2023-09-05T11:31:17Z")

</div>

Greeetings, I am making my first plugin and am running into multiple issues. Most of them I have managed to fix by myself, however I just couldn’t find a way to fix this one. I have a checkbox in my html that I would l…

---

## [How to use spectrum web components on a uxp react plugin](https://forums.creativeclouddeveloper.com/t/how-to-use-spectrum-web-components-on-a-uxp-react-plugin/6395)

<div class="topic-metadata">

**Author:** [@Adobe256](https://forums.creativeclouddeveloper.com/u/Adobe256)\
**Replies:** 7\
**Last updated:** [July 3, 2023, 12:48pm UTC](https://forums.creativeclouddeveloper.com/t/how-to-use-spectrum-web-components-on-a-uxp-react-plugin/6395 "2023-07-03T12:48:50Z")

</div>

Someone enlighten me here. I have a react uxp plugin. I have been using the native html elements but from my knowledge some of those elements will be outdated in favour of sp-{elements}. I was going through the spectrum …

---

## [Remove default margins/padding from react app](https://forums.creativeclouddeveloper.com/t/remove-default-margins-padding-from-react-app/6369)

<div class="topic-metadata">

**Author:** [@milevicm](https://forums.creativeclouddeveloper.com/u/milevicm)\
**Replies:** 2\
**Last updated:** [June 3, 2023, 12:34pm UTC](https://forums.creativeclouddeveloper.com/t/remove-default-margins-padding-from-react-app/6369 "2023-06-03T12:34:31Z")

</div>

I created some simple react app using UXP, but I got some default margins around body. Is it possible to remove these predefined margins? \`\`\` style.css \*{ padding: 0; margin: 0; } .body{ background-color: red; …

---

## [CSS Grid in Panels](https://forums.creativeclouddeveloper.com/t/css-grid-in-panels/834)

<div class="topic-metadata">

**Author:** [@Ali](https://forums.creativeclouddeveloper.com/u/Ali)\
**Replies:** 6\
**Last updated:** [November 9, 2022, 2:18pm UTC](https://forums.creativeclouddeveloper.com/t/css-grid-in-panels/834 "2022-11-09T14:18:55Z")

</div>

Is there any chance that we can expect the CSS Grid to work in panels, in the future releases?

---

## [CSS /\* comment \*/ generating error in Elements view](https://forums.creativeclouddeveloper.com/t/css-comment-generating-error-in-elements-view/5384)

<div class="topic-metadata">

**Author:** [@medium\_jon](https://forums.creativeclouddeveloper.com/u/medium_jon)\
**Replies:** 0\
**Last updated:** [October 21, 2022, 3:30pm UTC](https://forums.creativeclouddeveloper.com/t/css-comment-generating-error-in-elements-view/5384 "2022-10-21T15:30:26Z")

</div>

I’m currently using the Adobe UXP Developer Tool Version 1.7.0 (1.7.0.13) I’m noticing it complaining about errors from comments wrapped in /\* \*/ tags when I’m looking at the Elements view. Here is one example: uxp://u…

---

## [Sp-textfield always on top of absolute sp-menu and z-index wouldn't help](https://forums.creativeclouddeveloper.com/t/sp-textfield-always-on-top-of-absolute-sp-menu-and-z-index-wouldnt-help/3957)

<div class="topic-metadata">

**Author:** [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Replies:** 4\
**Last updated:** [July 21, 2022, 1:50pm UTC](https://forums.creativeclouddeveloper.com/t/sp-textfield-always-on-top-of-absolute-sp-menu-and-z-index-wouldnt-help/3957 "2022-07-21T13:50:59Z")

</div>

I think there’s a bug with absolute elements. I have a form with inputs and I want to have an absolute \<sp-menu /\> on top of that form, but input shows through and z-index doesn’t help. Is there some workaround maybe? …

[Next page](https://forums.creativeclouddeveloper.com/tag/css/105.md?match_all_tags=true&page=1&tags%5B%5D=css)