• Home
• com.raquo
• laminar_sjs0.6_2.11
• 0.4
• source code
• FocusSetter.scala

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

com.raquo.laminar.setters.FocusSetter.scala Maven / Gradle / Ivy

package com.raquo.laminar.setters

import com.raquo.airstream.core.Observable
import com.raquo.domtypes.generic.Modifier
import com.raquo.laminar.nodes.ReactiveHtmlElement
import org.scalajs.dom

class FocusSetter(isFocusedObservable: Observable[Boolean])
  extends Modifier[ReactiveHtmlElement[dom.html.Element]] {

  // @TODO[Convenience] This could use some isMounted lifecycle hook or something so that we can have focused-on-creation elements
  // @TODO[API] Or maybe have a special Laminar-only focus prop?

  override def apply(element: ReactiveHtmlElement[dom.html.Element]): Unit = {

    element.subscribe(isFocusedObservable)(onNext)

    def onNext(isFocused: Boolean): Unit = {
      if (isFocused) {
        element.ref.focus()
      } else {
        element.ref.blur()
      }
    }
  }
}