I want to update part of view with turbo_stream when the browser visilitychange. Is it possible using stimulus?

Hey @Y.Ono ! I created a simple app to showcase my solution: [image] GitHub - marco-beduschi/reload-turbo-frames-on-tab-switching Contribute to marco-beduschi/reload-turbo-frames-on-tab-switching development by creating an account on GitHub. Hope this helps! …

There is no built-in function for it, but stimulus-use is a popular library that has utility functions such as useVisibility for this exact use case!

Thanks for your reply. Real-time updating of the page that pushes turbo stream using websocket stops working if the browser is inactive, thus I would like to update the page to current state when the user reopens the browser and becomes active. so present implementation, the entire screen is reload…

I see! I can think of two ways: Update turbo_stream.src attributes using stimulus. a. You can use the stimulus controller you already have but wrap it around the entire page. b. Then, you need to also wrap the specific parts of the page you want to reload with a <turbo-frame>. c. Then on the …

Thank you for your reply and sorry for my delay response. I tried the first of the two methods you mentioned, but unfortunately it did not work. My stimulus controller as “reloadable” is followings. import { Controller } from "@hotwired/stimulus" export default class extends Controller { stati…

I’m late in thanking you @marco-beduschi , but I was able to implement the functionality I wanted with reference to the showcase you presented. Thank you very much for your kind and polite answer.

How to fire turbo_stream by browser visibilitychange

marco-beduschi May 18, 2023, 8:45pm 3

Or do you mean you want something to happen when the DOM element becomes visible on screen?

If that is the case you can simply use lazy loading on that frame!

Topic		Replies	Views
Event to know a `turbo-stream` has been rendered	29	15951	December 4, 2024
Is this correct?. A Stimulus controller to use turbo_stream GET requests to avoid updating browser history Links	4	4771	May 25, 2022
Rails Turbo Stream with Stimulus	1	579	March 21, 2024
Call render a turbo-stream template in a stimulus controller	1	1800	January 15, 2024
Update part of page using turbo stream	1	781	December 26, 2021

How to fire turbo_stream by browser visibilitychange

Related topics