# Have a schedule auto sync to the event taking place at the current time, round 2

**URL:** <https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151>\
**Category:** Ask for Help\
**Created:** [July 13, 2025, 10:23pm UTC](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151 "2025-07-13T22:23:25Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![MJolley](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mjolley/32/85220_2.png) [@MJolley](https://community.glideapps.com/u/MJolley)\
**Post date:** [July 13, 2025, 10:23pm UTC](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151/1 "2025-07-13T22:23:25Z")

</div>

I previously asked this question and got a great answer:

> [@Have a schedule auto sync to the event taking place at the current time](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time/80122):
>
> I have a schedule in my app that lists items chronologically. My organization has another schedule app we’ve used that will synchronize the schedule when you open it to show the current event at the top of the screen, with the preceding events above (off the screen) and following events below. Basically, it moves the list so you’re in the middle of it. Is there a way to do this in Glide? Like look up the current time and then shift the table to a particular event but not hide all the ones befor…

However, I have an issue on the mobile version of my app. This trick pushes my “schedule” to the current event and highlights it with a custom bit of text, but on mobile it will also pull up the keyboard because the “focus” on the invisible text box tells it to. Is there a way to still focus on the invisible text box but not pull up the keyboard?

---

<div class="post-metadata">

**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:** [July 14, 2025, 2:30am UTC](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151/2 "2025-07-14T02:30:05Z")

</div>

Thank you for bringing it up, certainly something that I want to address given my workaround in the last post, but haven’t found a way to do it properly.

At the moment, focus state is only possible for entries. Would be straightforward if we can focus on other types of components.

---

<div class="post-metadata">

**Author:** ![MJolley](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mjolley/32/85220_2.png) [@MJolley](https://community.glideapps.com/u/MJolley)\
**Post date:** [July 14, 2025, 4:42pm UTC](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151/3 "2025-07-14T16:42:15Z")

</div>

I’m trying to see if there’s a way to use the CSS :read-only attribute but I’m not familiar enough with it. Do you have any ideas?

---

<div class="post-metadata">

**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:** [July 14, 2025, 11:51pm UTC](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151/4 "2025-07-14T23:51:32Z")

</div>

I think you’re mentioning read-only the CSS selector, which selects “read-only” elements and is not related to what we do here.

From what I read, you have to try to inject the readonly attribute to the component, but doesn’t seem like we have the ability to do that in Glide.

---

<div class="post-metadata">

**Author:** ![MJolley](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mjolley/32/85220_2.png) [@MJolley](https://community.glideapps.com/u/MJolley)\
**Post date:** [July 15, 2025, 4:07pm UTC](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151/5 "2025-07-15T16:07:43Z")

</div>

What about using Javascript in a custom code column? I’m looking at how to get scrollintoview to work.

---

<div class="post-metadata">

**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:** [July 15, 2025, 10:11pm UTC](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151/6 "2025-07-15T22:11:20Z")

</div>

JavaScript in Glide mostly deals with processing data on the backend. I’m not sure how it would be executed to work with the frontend.

---

<div class="post-metadata">

**Author:** ![MJolley](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mjolley/32/85220_2.png) [@MJolley](https://community.glideapps.com/u/MJolley)\
**Post date:** [July 15, 2025, 10:45pm UTC](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151/7 "2025-07-15T22:45:07Z")

</div>

Is there a way to use CSS, HTML, or JS to apply “focus” to another object?

---

<div class="post-metadata">

**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:** [July 15, 2025, 11:15pm UTC](https://community.glideapps.com/t/have-a-schedule-auto-sync-to-the-event-taking-place-at-the-current-time-round-2/83151/8 "2025-07-15T23:15:56Z")

</div>

I don’t think so. The behavior I observe seems to be Glide using frontend JavaScript to add a “data-focus-visible-added” class to the DOM.

We don’t have direct access to do the same thing with the DOM, as far as I know.
