Amphtml: Support AMP.navigateTo action

[gilbox]

What's the issue?

This is a feature request. We'd like to be able to have a drop-down menu that triggers going to a new URL as if you'd clicked on a link.

Here's the non-AMP version of the page and the options (you must use small viewport to see them) are at the bottom of the page and they allow you to change the language and currency type.

The feature could look something like this:

<select on="change:AMP.goToURL(event.value)">
  <option value="https://www.airbnb.com/asdf">foo</option>
  <option value="https://www.airbnb.com/xyzw">bar</option>
</select>

This is a screenshot from our non-AMP page to illustrate the feature:

[choumx]

Seems reasonable since anchor tags don't work inside select or option. We already have a AMP.goBack action.

Changing title since this isn't really specific to amp-bind.

/cc @ericlindley-g @dvoytenko

[dvoytenko]

I can see this. @choumx is our user-action control strong enough however for this use case (asking because I have no idea)?

[choumx]

Fair point. Since navigation is such a big action, maybe we should restrict its usage to certain elements/events. I'll bring this up during next design review.

[jridgewell]

We have a second request for this #9206.

[aghassemi]

@choumx @jridgewell #8515 (amp-exit) would also handle this use-case (I personally don't mind having both, each has its own pros and cons. amp-exit is more flexible but less ergonomic than goToUrl)

since I am voicing my opinion, I slightly prefer navigateTo to goTourl for wording.

[choumx]

@aghassemi Thanks for the heads up. Though, amp-exit would share the same "trust" issue discussed in https://github.com/ampproject/amphtml/issues/8901#issuecomment-300612756 if it uses AMP Actions as a trigger.

Good suggestion on navigateTo().

[Rahul007shah]

Hi Team, Is there any update for the navigateTo() feature? Looking forward to embed this feature in Priceline.com Google-AMP conversion.

Thanks
Rahul

[choumx]

Hi Rahul, thanks for reaching out. It's on our radar and we're hoping to tackle the prerequisite "trust" feature in the next sprint, after which navigateTo will be a simple change.

[Rahul007shah]

Hi Team,

Please provide demo and documentation for AMP.navigateTo component.

Thanks,
Rahul

[aghassemi]

Hi @Rahul007shah

Documentation is here: https://github.com/ampproject/amphtml/blob/master/spec/amp-actions-and-events.md#special-targets

Example is here: https://github.com/ampproject/amphtml/blob/master/examples/standard-actions.amp.html

[wudizhuzhuxia]

Hi Team,I have a question about goBack?
<button on="tab:AMP.goBack"></button>
Is that the correct example above? If it‘s not right.
Please provide demo and documentation for AMP.goBack component.
Thanks!

[aghassemi]

@wudizhuzhuxia correct. documentation is here: https://github.com/ampproject/amphtml/blob/master/examples/standard-actions.amp.html