# Date Time Component Not Wrapping Text (Clipped Text) **URL:** \ **Category:** Report a Bug\ **Created:** [March 28, 2024, 8:48pm UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142 "2024-03-28T20:48:52Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![Clifton\_Crouch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/clifton_crouch/32/24428_2.png) [@Clifton\_Crouch](https://community.glideapps.com/u/Clifton_Crouch)\ **Post date:** [March 28, 2024, 8:48pm UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/1 "2024-03-28T20:48:52Z")
* * * **Team ID:** - ([Glide](https://go.glideapps.com/o/H9tKiinssSRYzjWekot0)) **App ID:** - ([Glide](https://go.glideapps.com/app/J51oQRUkcaFcy88mUP6h/layout)) **Description** - When the screen width is less than 600px, the “Label” text on the Date Time component is being clipped rather than wrapped. - Example way to fix with CSS Class to modify: ![image.png](https://mail.google.com/mail/u/0?ui=2&ik=7dc1d6d0c4&attid=0.1&permmsgid=msg-f:1794793575901612293&th=18e8633f80c4c905&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ9Oyd58igIykJzb0ycRZMAKpj3BTthB1jyyMVRgA4RIHNylU88IyhksZ5RXeLLpUML-UDxq_1OzFqroE5guZRig_kSuuPpilBj3SBTuuSEcr9ew3flNt1KU4YU&disp=emb&realattid=ii_lubisbtq0) Disable the white-space: nowrap; If you had a custom selector you could override with: > .KEfnF { > white-space: wrap !important; > } **How to replicate** - Add the “Date Time” component. - Add a “Label” with more than 37 characters. - View the app on a device with a screen width of less than 600px. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [March 29, 2024, 12:52am UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/2 "2024-03-29T00:52:59Z")
> [@Clifton\_Crouch](#): > > KEfnF This is not a stable class name, if you’re planning to find a workaround you should name the classes accordingly. ---
**Author:** ![Clifton\_Crouch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/clifton_crouch/32/24428_2.png) [@Clifton\_Crouch](https://community.glideapps.com/u/Clifton_Crouch)\ **Post date:** [March 29, 2024, 1:38am UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/3 "2024-03-29T01:38:21Z")
Thanks! I’m not actually planning on trying the workaround because our plan doesn’t have access to CSS, but that was just a test my friend did in the browser to try to determine the issue. ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [March 29, 2024, 1:59am UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/4 "2024-03-29T01:59:29Z")
You can replace it with a text component for situations that require a long description. Or you use rich text and inline CSS to arrange it more compactly. ---
**Author:** ![Clifton\_Crouch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/clifton_crouch/32/24428_2.png) [@Clifton\_Crouch](https://community.glideapps.com/u/Clifton_Crouch)\ **Post date:** [March 29, 2024, 3:27am UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/5 "2024-03-29T03:27:39Z")
Thanks, I appreciate the suggestion. I’m aware there are workarounds, I’m just hoping this is a fairly simple bug for the Glide team to fix. It is the only component type (of many) that I’m using in a form that isn’t wrapping properly. ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [March 29, 2024, 5:59am UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/6 "2024-03-29T05:59:31Z")
However, in my opinion, this is not a bug but a feature request, as it is intended to be that way. If you like labels that exceed 2 lines, you can use the method I mentioned above. Alternatively, you can separate the label by placing it in a placeholder. If you insist on the label position, then the only way is with CSS. ---
**Author:** ![Clifton\_Crouch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/clifton_crouch/32/24428_2.png) [@Clifton\_Crouch](https://community.glideapps.com/u/Clifton_Crouch)\ **Post date:** [March 29, 2024, 1:18pm UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/7 "2024-03-29T13:18:09Z")
Are you certain it’s intended to be that way? I find it odd that every other component in my form has text wrap on except the Date Time component. How would it be a feature that the text gets clipped? Maybe I’m misunderstanding, but I don’t see any value in it clipping rather than wrapping. If it’s a feature, shouldn’t there be an indication of max characters on the label section of the component for mobile devices? ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [March 29, 2024, 1:48pm UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/8 "2024-03-29T13:48:43Z")
> [@Clifton\_Crouch](#): > > I find it odd that every other component in my form has text wrap on except the Date Time component. They consistently apply it to a component called “picker.” ![Screenshot 2024-03-29 at 20.45.33](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/e/7ebb3b9b3a10c03da3a2393a5b25d7f647b47c08.png) > [@Himaladin](#): > > However, in my opinion, this is not a bug but a feature request, ---
**Author:** ![Clifton\_Crouch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/clifton_crouch/32/24428_2.png) [@Clifton\_Crouch](https://community.glideapps.com/u/Clifton_Crouch)\ **Post date:** [March 29, 2024, 2:12pm UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/9 "2024-03-29T14:12:13Z")
See, I would also call that a bug haha. I guess we just have a difference in opinion, which is okay. The Glide development team can choose whether to change it or not. To clarify, the reason I would call it a bug is because it is my assumption that it is not performing as intended. If it is indeed intended to be that way, it’s odd to me because I don’t see any value in the way that it functions. If it requires a “workaround” or basically the Apple advice of “you’re holding it the wrong way” (since you could “fix” it by turning your device to landscape) haha, I’d call it a bug. I don’t see a reason why the picker component wouldn’t behave like the choice component. ![IMG_7858](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/2/a24688d6ca1e79458dce6c97ca73e0d3dc3ec9a7.jpeg) I appreciate your thoughts on it, I’m fine with “agreeing to disagree”. ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [March 29, 2024, 2:22pm UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/10 "2024-03-29T14:22:54Z")
Your comparison is not apples to apples. Trust me, this will not be prioritized for completion. You’re just wasting energy. ---
**Author:** ![Clifton\_Crouch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/clifton_crouch/32/24428_2.png) [@Clifton\_Crouch](https://community.glideapps.com/u/Clifton_Crouch)\ **Post date:** [March 29, 2024, 4:20pm UTC](https://community.glideapps.com/t/date-time-component-not-wrapping-text-clipped-text/72142/11 "2024-03-29T16:20:24Z")
I’m really not trying to argue with you. I don’t understand why you care so much that I’ve submitted it as a bug. It’s nothing personal that we don’t agree whether or not it’s a bug. If it’s not prioritized, my app isn’t ruined. I can do workarounds until it’s fixed. I appreciate you giving input on the available workarounds. I’m simply reporting it like I will with any other bug so that the Glide team is aware of it in case they aren’t already.