Children cannot initiate rerender?

[vova616]

Description

Why does component does not get updated when I return true from update&change?

So I have this component

impl Component for NavLink {
    type Message = Msg;
    type Properties = Props;

    fn create(props: Self::Properties, _: ComponentLink<Self>) -> Self {
        NavLink {
            props: props,
            color: "#454C52".to_string(),
            hover_color: "#888888".to_string(),
            currentColor: "#454C52".to_string(),
        }
    }

    fn update(&mut self, msg: Self::Message) -> ShouldRender {
        match msg {
            Msg::Clicked => {
                self.props.onclick.emit(());
            }
            Msg::StartHover => {
                self.currentColor = self.hover_color.clone();
            }
            Msg::EndHover => {
                self.currentColor = self.color.clone();
            }
        }
        true
    }

    fn change(&mut self, props: Self::Properties) -> ShouldRender {
        self.props = props;
        true
    }
}

impl Renderable<NavLink> for NavLink {
    fn view(&self) -> Html<Self> {
        html! {
            <a style={format!("font-size: 20px; \
                      margin: 0px 10px;\
                      cursor: pointer;\
                      color: {}", self.currentColor)},
               onclick=|_| Msg::Clicked,
               onmouseenter=|_| Msg::StartHover
               onmouseleave=|_| Msg::EndHover >
            {
                if self.props.children.is_empty() {
                    html! {}
                } else {
                    html! {
                        { self.props.children.view() }
                    }
                }
            }
            </a>
        }
    }
}

which should change the color on hover

Expected Results

The color should change immediately

Actual Results

The color changes only when I force update the whole tree

Context (Environment)

• Rust: nightly
• yew: v0.9
• target:wasm32-unknown-unknown
• cargo-web: vX.X.X

[hgzimmerman]

At first glance, these issues seem to be related: #641 .

It appears that something is delaying styles from updating by 1 render cycle.

If you put style rules in a class and set the class property instead, then it should update in one cycle. Unfortunately, this makes it hard to parameterize what colors to set your link without in-rust css stylesheet support.

[vova616]

Sounds horrible can someone point where the problem might be?