# Input Select Read Only Formatting

**URL:** <https://community.weweb.io/t/input-select-read-only-formatting/2883>\
**Category:** How do I?\
**Created:** [May 31, 2023, 1:56am UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883 "2023-05-31T01:56:06Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![BuildLikePeter](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/buildlikepeter/32/2674_2.png) [@BuildLikePeter](https://community.weweb.io/u/BuildLikePeter)\
**Post date:** [May 31, 2023, 1:56am UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/1 "2023-05-31T01:56:06Z")

</div>

When I have an option selected with an “input Select” element and turn on “Read Only”, the text initially looks correct, but then when I select another element on the screen the text in the input select shift to the top left of the box. How do I prevent this from happening

 ![Screenshot 2023-05-30 at 6.55.14 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/b1c51720b6e68c0719ff6a0ef55042d8609a37be.png)

 ![Screenshot 2023-05-30 at 6.55.47 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4bb561a266d0891a39bc546745a5d6eb02054583.png)

Similarly, when you turn the setting on for “disabled”, it turns grey. How do you adjust that grey styling?

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [July 26, 2023, 7:20pm UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/2 "2023-07-26T19:20:21Z")

</div>

I’m having exactly the same issue @BuildLikePeter. Did you solve this please?

Mine is conditionally set to Read Only with an Init Value populated.

 ![Screenshot 2023-07-26 at 12.19.22 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/95d0faff64f83dbfc9bd175b1171346783154fff.png)

---

<div class="post-metadata">

**Author:** ![BuildLikePeter](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/buildlikepeter/32/2674_2.png) [@BuildLikePeter](https://community.weweb.io/u/BuildLikePeter)\
**Post date:** [July 26, 2023, 9:13pm UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/3 "2023-07-26T21:13:42Z")

</div>

Unfortunately not. I think I decided to use disabled instead of read only and just made due with the grey coloring.

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [July 26, 2023, 9:27pm UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/4 "2023-07-26T21:27:06Z")

</div>

OK thanks @BuildLikePeter.

@Joyce, @Quentin or @aurelie any guidance please? Perhaps this is a bug?

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [August 7, 2023, 2:51pm UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/5 "2023-08-07T14:51:11Z")

</div>

Mmm yeah, definitely looks like a bug.

Just created a ticket.

FYI, if you notice something like this in the future, don’t hesitate to [create a bug ticket here](https://support.weweb.io/).

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [August 7, 2023, 3:05pm UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/6 "2023-08-07T15:05:44Z")

</div>

Thanks @Joyce. Welcome back! Hope you had a nice vacation. 😊

I actually submitted a bug for this already a couple of weeks back.

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [August 7, 2023, 3:20pm UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/7 "2023-08-07T15:20:58Z")

</div>

Thank you, Dorian! I did 🙂

Ah ok, perfect! Well done 🙌

Didn’t think to check the existing bug reports but we do have it in our logs. It’s not prioritized yet but we haven’t forgotten about it!

---

<div class="post-metadata">

**Author:** ![NUBIPR0](https://avatars.discourse-cdn.com/v4/letter/n/ee59a6/32.png) [@NUBIPR0](https://community.weweb.io/u/NUBIPR0)\
**Post date:** [August 31, 2024, 5:45pm UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/8 "2024-08-31T17:45:32Z")

</div>

Hi Joyce, any updates on this bug?

I still can’t figure out where to change the background color when select is disabled and on Read Only the text still shifts.

---

<div class="post-metadata">

**Author:** ![jwkhor](https://avatars.discourse-cdn.com/v4/letter/j/da6949/32.png) [@jwkhor](https://community.weweb.io/u/jwkhor)\
**Post date:** [April 17, 2025, 7:39am UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/9 "2025-04-17T07:39:49Z")

</div>

@Joyce Hi Joyce, any updates on this bug?

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [April 17, 2025, 9:48am UTC](https://community.weweb.io/t/input-select-read-only-formatting/2883/10 "2025-04-17T09:48:02Z")

</div>

We released a new select recently so don’t think this bug is still there. That said, if you do notice an issue with the select, please don’t hesitate to create a bug ticket [here](https://support.weweb.io/).
