# \#spectrum

**URL:** https://forums.creativeclouddeveloper.com/tag/spectrum/116.md

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

---

## [Sp-picker missing text](https://forums.creativeclouddeveloper.com/t/sp-picker-missing-text/11666)

<div class="topic-metadata">

**Author:** [@guac](https://forums.creativeclouddeveloper.com/u/guac)\
**Replies:** 1\
**Last updated:** [January 22, 2026, 1:17pm UTC](https://forums.creativeclouddeveloper.com/t/sp-picker-missing-text/11666 "2026-01-22T13:17:05Z")

</div>

Hi all, I am having an issue where neither the label nor the selected item are being displayed when selected. Any help or advice is appreciated! The choice is registered and processed, it just isn’t displayed on the p…

---

## [Missing styles for Spectrum Web Compontents](https://forums.creativeclouddeveloper.com/t/missing-styles-for-spectrum-web-compontents/11585)

<div class="topic-metadata">

**Author:** [@Roland\_Dreger](https://forums.creativeclouddeveloper.com/u/Roland_Dreger)\
**Replies:** 0\
**Last updated:** [December 4, 2025, 4:58pm UTC](https://forums.creativeclouddeveloper.com/t/missing-styles-for-spectrum-web-compontents/11585 "2025-12-04T16:58:17Z")

</div>

Hello everyone, when I generate Spectrum Web Components via script, they sometimes lose their styling. I insert the elements using a template element, which is probably causing this issue. \<sp-theme theme=…

---

## [Tooltip issues: Appearing behind text + resizing dialogs](https://forums.creativeclouddeveloper.com/t/tooltip-issues-appearing-behind-text-resizing-dialogs/11174)

<div class="topic-metadata">

**Author:** [@m1027](https://forums.creativeclouddeveloper.com/u/m1027)\
**Replies:** 0\
**Last updated:** [July 16, 2025, 4:04pm UTC](https://forums.creativeclouddeveloper.com/t/tooltip-issues-appearing-behind-text-resizing-dialogs/11174 "2025-07-16T16:04:00Z")

</div>

Hello-- in my React/TS panel for Premiere Pro I’m using the SWC React wrappers for my UI components. I am using the Tooltip component with OverlayTrigger several places in my code, but there a few strange behaviors I’ve…

---

## [SWC Tabs, Tab, TabPanel not rendering](https://forums.creativeclouddeveloper.com/t/swc-tabs-tab-tabpanel-not-rendering/11101)

<div class="topic-metadata">

**Author:** [@m1027](https://forums.creativeclouddeveloper.com/u/m1027)\
**Replies:** 2\
**Last updated:** [June 25, 2025, 4:00pm UTC](https://forums.creativeclouddeveloper.com/t/swc-tabs-tab-tabpanel-not-rendering/11101 "2025-06-25T16:00:33Z")

</div>

Hello-- in my Premiere Pro panel made with TypeScript and React, I’m using Spectrum Web Components with the React wrapper (swc-react) and have had no issues so far with components like Button, Checkbox, etc. However, whe…

---

## [Set cursor to end in sp-textfield](https://forums.creativeclouddeveloper.com/t/set-cursor-to-end-in-sp-textfield/10640)

<div class="topic-metadata">

**Author:** [@jornjilesen](https://forums.creativeclouddeveloper.com/u/jornjilesen)\
**Replies:** 0\
**Last updated:** [April 15, 2025, 3:16pm UTC](https://forums.creativeclouddeveloper.com/t/set-cursor-to-end-in-sp-textfield/10640 "2025-04-15T15:16:35Z")

</div>

Hi all, I’m new to UXP development and this is my first time posting here :waving\_hand: In my InDesign plugin I’m using an sp-textfield where users can type formulas. After programmatically inserting text (like an ope…

---

## [Bug showing value on sp-textfield PS 2024 & 2025](https://forums.creativeclouddeveloper.com/t/bug-showing-value-on-sp-textfield-ps-2024-2025/8840)

<div class="topic-metadata">

**Author:** [@kappasette](https://forums.creativeclouddeveloper.com/u/kappasette)\
**Replies:** 3\
**Last updated:** [December 11, 2024, 2:32pm UTC](https://forums.creativeclouddeveloper.com/t/bug-showing-value-on-sp-textfield-ps-2024-2025/8840 "2024-12-11T14:32:10Z")

</div>

Tested on PS 2024 (25.12) PS 2025 (26.1) When changing the value inside a \<sp-textfield\> via code, if the value is a number the textfield goes back to showing the placeholder text instead of the number, even if the va…

---

## [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…

---

## [Button onPress not working](https://forums.creativeclouddeveloper.com/t/button-onpress-not-working/8611)

<div class="topic-metadata">

**Author:** [@YulianD](https://forums.creativeclouddeveloper.com/u/YulianD)\
**Replies:** 3\
**Last updated:** [October 31, 2024, 11:51pm UTC](https://forums.creativeclouddeveloper.com/t/button-onpress-not-working/8611 "2024-10-31T23:51:00Z")

</div>

I have created a blank project with the UXP Developer Tools. And I have only added a Spectrum React Button. But the onPress event does not work, only the onClick works. import React from "react"; import { WC } from "./…

---

## [\[Bug\] disabled in select option does not work](https://forums.creativeclouddeveloper.com/t/bug-disabled-in-select-option-does-not-work/2270)

<div class="topic-metadata">

**Author:** [@simonhenke](https://forums.creativeclouddeveloper.com/u/simonhenke)\
**Replies:** 11\
**Last updated:** [July 30, 2024, 10:38am UTC](https://forums.creativeclouddeveloper.com/t/bug-disabled-in-select-option-does-not-work/2270 "2024-07-30T10:38:35Z")

</div>

For native select elements, setting the disabled attribute on an option has no effect: \<select\> \<option disabled\>...\</option\> \</select\> Btw, is the forum the right place to submit such bugs? I thought about creating is…

---

## [React Plugin + Spectrum Web Components: "Failed to load script file" in console](https://forums.creativeclouddeveloper.com/t/react-plugin-spectrum-web-components-failed-to-load-script-file-in-console/7304)

<div class="topic-metadata">

**Author:** [@casualMaleXL](https://forums.creativeclouddeveloper.com/u/casualMaleXL)\
**Replies:** 1\
**Last updated:** [January 3, 2024, 5:57pm UTC](https://forums.creativeclouddeveloper.com/t/react-plugin-spectrum-web-components-failed-to-load-script-file-in-console/7304 "2024-01-03T17:57:42Z")

</div>

Hi all :grin: Trying to add the tooltip spectrum web component to my InDesign plugin made with react/typescript/webpack. Code transpiles fine, but tooltip doesn’t work and I’m greeted with this error in console when I …

---

## [UXP swc-react theming](https://forums.creativeclouddeveloper.com/t/uxp-swc-react-theming/7276)

<div class="topic-metadata">

**Author:** [@Lukke](https://forums.creativeclouddeveloper.com/u/Lukke)\
**Replies:** 5\
**Last updated:** [December 28, 2023, 3:50am UTC](https://forums.creativeclouddeveloper.com/t/uxp-swc-react-theming/7276 "2023-12-28T03:50:12Z")

</div>

Hey, brand new here :wave: I was playing around with the swc-uxp-react-starter on Github – is there no way at the moment to get the swc-react components to be theme-aware? All the guides have setting the theme in the ap…

---

## [React SWC Wrappers](https://forums.creativeclouddeveloper.com/t/react-swc-wrappers/6986)

<div class="topic-metadata">

**Author:** [@Timothy\_Bennett](https://forums.creativeclouddeveloper.com/u/Timothy_Bennett)\
**Replies:** 7\
**Last updated:** [October 20, 2023, 12:26pm UTC](https://forums.creativeclouddeveloper.com/t/react-swc-wrappers/6986 "2023-10-20T12:26:42Z")

</div>

I’m trying to implement the React SWC wrappers and I’m not quite getting the expected result. I’ve adapted the React SWC Starter to fit my build process/UXP setup and I’m able to render SWC components but they’re not al…

---

## [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 …

---

## [Strange gaps occur when using the \[sp-label\] tag](https://forums.creativeclouddeveloper.com/t/strange-gaps-occur-when-using-the-sp-label-tag/6061)

<div class="topic-metadata">

**Author:** [@hideo](https://forums.creativeclouddeveloper.com/u/hideo)\
**Replies:** 20\
**Last updated:** [March 21, 2023, 8:10am UTC](https://forums.creativeclouddeveloper.com/t/strange-gaps-occur-when-using-the-sp-label-tag/6061 "2023-03-21T08:10:44Z")

</div>

こんにちは。 PhotoshopのUXPを使用したScriptUIにおいて、 Spectrumのsp-labelを使用すると、良く分からない隙間が発生します。 -プラグインSample- sp-labelを使用すると後ろに変な隙間が出来ます。 文字数が短いと発生しているようですが、 CSSでマージンやパディングの調整を行ってもこの隙間が解決できませんでした。 sp-labelを使用しないと正しい幅で表示されます。 …

---

## [How to use Spectrum components in UXP plugin?](https://forums.creativeclouddeveloper.com/t/how-to-use-spectrum-components-in-uxp-plugin/5625)

<div class="topic-metadata">

**Author:** [@Velara](https://forums.creativeclouddeveloper.com/u/Velara)\
**Replies:** 10\
**Last updated:** [January 25, 2023, 4:03pm UTC](https://forums.creativeclouddeveloper.com/t/how-to-use-spectrum-components-in-uxp-plugin/5625 "2023-01-25T16:03:11Z")

</div>

I’m trying to convert an older plugin to spectrum components and they are not displaying correctly for me. I did a simple test by using this example code from here: \<sp-action-menu selects="single"\> \<span slot="lab…

---

## [Style guide?](https://forums.creativeclouddeveloper.com/t/style-guide/5641)

<div class="topic-metadata">

**Author:** [@Imperator](https://forums.creativeclouddeveloper.com/u/Imperator)\
**Replies:** 3\
**Last updated:** [January 6, 2023, 2:41am UTC](https://forums.creativeclouddeveloper.com/t/style-guide/5641 "2023-01-06T02:41:12Z")

</div>

Hello, are there any style limitations/style guide for plugins which will be published in marketplace? At the moment I am using Spectrum components and provided colors for light and dark mode. So it fits perfect in Pho…

---

## [Change contents on sp-textfield on ux panel](https://forums.creativeclouddeveloper.com/t/change-contents-on-sp-textfield-on-ux-panel/5483)

<div class="topic-metadata">

**Author:** [@contactzero](https://forums.creativeclouddeveloper.com/u/contactzero)\
**Replies:** 2\
**Last updated:** [November 12, 2022, 6:57am UTC](https://forums.creativeclouddeveloper.com/t/change-contents-on-sp-textfield-on-ux-panel/5483 "2022-11-12T06:57:40Z")

</div>

Why are labels are not showing up (see HTML / png) How to Change the contents of a spectrum text field on a UX panel Sorry, I find very little docs on the subject. HTML \<div style="margin-top:60px; text-ali…

---

## [Updating Picker Items Dynamically in UXP](https://forums.creativeclouddeveloper.com/t/updating-picker-items-dynamically-in-uxp/5226)

<div class="topic-metadata">

**Author:** [@medium\_jon](https://forums.creativeclouddeveloper.com/u/medium_jon)\
**Replies:** 1\
**Last updated:** [September 12, 2022, 7:53pm UTC](https://forums.creativeclouddeveloper.com/t/updating-picker-items-dynamically-in-uxp/5226 "2022-09-12T19:53:55Z")

</div>

I have a picker (formally a dropdown) made with this: \<sp-picker disabled id="sp-login-tab-page-domain-picker" placeholder=""\> \<sp-menu slot="options"\> \<sp-menu-item value="0"\>Not Logged In\</sp-menu-item\> \</s…

---

## [Spectrum CSS Radio Button Formatting When Clicked](https://forums.creativeclouddeveloper.com/t/spectrum-css-radio-button-formatting-when-clicked/4973)

<div class="topic-metadata">

**Author:** [@danderson2692](https://forums.creativeclouddeveloper.com/u/danderson2692)\
**Replies:** 1\
**Last updated:** [July 26, 2022, 1:48pm UTC](https://forums.creativeclouddeveloper.com/t/spectrum-css-radio-button-formatting-when-clicked/4973 "2022-07-26T13:48:47Z")

</div>

I’m trying to style a list of radio buttons so the labels appear to be clickable labels similar to what’s shown in this blog post, instead using Spectrum CSS: https://markheath.net/post/customize-radio-button-css I’ve b…

---

## [How to use spectrum web components in React starter template in UXP Photoshop plugin?](https://forums.creativeclouddeveloper.com/t/how-to-use-spectrum-web-components-in-react-starter-template-in-uxp-photoshop-plugin/2336)

<div class="topic-metadata">

**Author:** [@aquentdevl](https://forums.creativeclouddeveloper.com/u/aquentdevl)\
**Replies:** 24\
**Last updated:** [May 29, 2022, 7:07pm UTC](https://forums.creativeclouddeveloper.com/t/how-to-use-spectrum-web-components-in-react-starter-template-in-uxp-photoshop-plugin/2336 "2022-05-29T19:07:16Z")

</div>

Hey, guys! Hope someone can give me some help with this issue… I am developing Photoshop UXP plugin using ReactJS. I want to use some of the spectrum web components like search, tags, switch, etc. in React starter temp…

---

## [How to use Spectrum CSS theme awareness?](https://forums.creativeclouddeveloper.com/t/how-to-use-spectrum-css-theme-awareness/4718)

<div class="topic-metadata">

**Author:** [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Replies:** 7\
**Last updated:** [May 28, 2022, 6:22am UTC](https://forums.creativeclouddeveloper.com/t/how-to-use-spectrum-css-theme-awareness/4718 "2022-05-28T06:22:14Z")

</div>

In UXP docs it states: with Spectrum controls your plugin gets theme awareness essentially for free. So when the user changes from light to dark, you don’t have to wire up all those appearance changes yourself In Spe…

---

## [Vertical Slider](https://forums.creativeclouddeveloper.com/t/vertical-slider/4384)

<div class="topic-metadata">

**Author:** [@libraluk](https://forums.creativeclouddeveloper.com/u/libraluk)\
**Replies:** 6\
**Last updated:** [March 11, 2022, 5:13pm UTC](https://forums.creativeclouddeveloper.com/t/vertical-slider/4384 "2022-03-11T17:13:20Z")

</div>

Hi, does anyone know if there is any vertical slider supported in UXP plugin? Thank you very much.

---

## [\[Feature Requests\] Spectrum-Slider options & customizability](https://forums.creativeclouddeveloper.com/t/feature-requests-spectrum-slider-options-customizability/2823)

<div class="topic-metadata">

**Author:** [@simonhenke](https://forums.creativeclouddeveloper.com/u/simonhenke)\
**Replies:** 12\
**Last updated:** [February 13, 2022, 10:04am UTC](https://forums.creativeclouddeveloper.com/t/feature-requests-spectrum-slider-options-customizability/2823 "2022-02-13T10:04:45Z")

</div>

I’m writing a slider component right now in which i wrap the sp-slider and rebuild the label option. Why? Because… By default the sp-slider has unnecessary large height (I can cut that off in my own wrapper) Overall t…

---

## [Error on \<sp-button/\> in React app](https://forums.creativeclouddeveloper.com/t/error-on-sp-button-in-react-app/3832)

<div class="topic-metadata">

**Author:** [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Replies:** 12\
**Last updated:** [November 15, 2021, 5:16pm UTC](https://forums.creativeclouddeveloper.com/t/error-on-sp-button-in-react-app/3832 "2021-11-15T17:16:09Z")

</div>

All tags I tried (\<sp-action-button/\>, \<sp-picker/\>, \<sp-detail/\>, etc…) seem to work fine, but not \<sp-button/\>. As soon as I add it, on panel load I get this { \_message: "Plugin is not permitted to launch external a…

---

## [Sp-button sp-action-button clicked on host focus change](https://forums.creativeclouddeveloper.com/t/sp-button-sp-action-button-clicked-on-host-focus-change/3578)

<div class="topic-metadata">

**Author:** [@TMMW](https://forums.creativeclouddeveloper.com/u/TMMW)\
**Replies:** 2\
**Last updated:** [September 1, 2021, 7:55pm UTC](https://forums.creativeclouddeveloper.com/t/sp-button-sp-action-button-clicked-on-host-focus-change/3578 "2021-09-01T19:55:22Z")

</div>

Hi everyone I’m having an issue when using sp-button and sp-action-button. Tried both and got the same behavior. When attaching a ‘click’ event listener the button is receiving a click event after the host loses and …

---

## [\[Bug\] Spectrum Number-Textfield read/write float value](https://forums.creativeclouddeveloper.com/t/bug-spectrum-number-textfield-read-write-float-value/3252)

<div class="topic-metadata">

**Author:** [@simonhenke](https://forums.creativeclouddeveloper.com/u/simonhenke)\
**Replies:** 0\
**Last updated:** [July 7, 2021, 8:28pm UTC](https://forums.creativeclouddeveloper.com/t/bug-spectrum-number-textfield-read-write-float-value/3252 "2021-07-07T20:28:59Z")

</div>

I just tried to sync values between two numeric sp-textfields like this: inputA.addEventListener("input", () =\> { inputB.value = inputA.value }); This works fine for integers, but float numbers can’t be set correct…

---

## [How to use React spectrum components in React starter template in UXP Photoshop plugin?](https://forums.creativeclouddeveloper.com/t/how-to-use-react-spectrum-components-in-react-starter-template-in-uxp-photoshop-plugin/2330)

<div class="topic-metadata">

**Author:** [@aquentdevl](https://forums.creativeclouddeveloper.com/u/aquentdevl)\
**Replies:** 3\
**Last updated:** [February 9, 2021, 7:54pm UTC](https://forums.creativeclouddeveloper.com/t/how-to-use-react-spectrum-components-in-react-starter-template-in-uxp-photoshop-plugin/2330 "2021-02-09T19:54:27Z")

</div>

Hey, guys! Hope someone can give me some help with this issue… I am developing Photoshop UXP plugin using ReactJS. For this, I have created a plugin using ps-react-starter template in UXP Developer Tool. Now, I want to …

---

## [Spectrum UXP sp-button: label not centered vertically](https://forums.creativeclouddeveloper.com/t/spectrum-uxp-sp-button-label-not-centered-vertically/2473)

<div class="topic-metadata">

**Author:** [@plugisto](https://forums.creativeclouddeveloper.com/u/plugisto)\
**Replies:** 0\
**Last updated:** [January 28, 2021, 7:18am UTC](https://forums.creativeclouddeveloper.com/t/spectrum-uxp-sp-button-label-not-centered-vertically/2473 "2021-01-28T07:18:59Z")

</div>

Hello, as we get the new Spectrum UXP components could we please get the labels on the buttons fixed? At least on Mac they are not centered vertically (can’t check Windows right now) and never have been. But it would …

---

## [Adobe 36, UXP Tool 1.1.0.11, Docs Migration](https://forums.creativeclouddeveloper.com/t/adobe-36-uxp-tool-1-1-0-11-docs-migration/2437)

<div class="topic-metadata">

**Author:** [@Erin\_Finnegan](https://forums.creativeclouddeveloper.com/u/Erin_Finnegan)\
**Replies:** 0\
**Last updated:** [January 14, 2021, 7:26pm UTC](https://forums.creativeclouddeveloper.com/t/adobe-36-uxp-tool-1-1-0-11-docs-migration/2437 "2021-01-14T19:26:39Z")

</div>

XD 36 started rolling out to users on Monday night (January 11th). It introduces the changes covered in our blog article: Spectrum UXP, Manifest Changes, UXP Developer Tool Access, and new Layout APIs. There’s a new rel…
