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

[MJolley]

I previously asked this question and got a great answer:

Have a schedule auto sync to the event taking place at the current time

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?

[ThinhDinh]

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.

[MJolley]

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?

[ThinhDinh]

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.