<ons-back-button> does not show up on Android chrome browser...Works great on iOS and desktop

mmike

Hello,

<ons-back-button> does not show up on the Android Chrome browser. The same code runs in iOS and desktop. It works perfectly fine.

Looks like the <ons-back-button> is hidden. However, the click works and takes me to previous page.

Any thoughts please?

Thanks

Fran Diox

@mmike Which version of Onsen UI and Android are you using? The back button on Android hides the label (text) but should show a left arrow. Perhaps the SVG for that arrow is not loaded somehow.

mmike

Fran,

Here are the versions

onsenui v2.5.3 - 2017-08-21

Android 5.1

Thanks

mmike

Hi Fran,

I think I figured it out.

In onsen-css-components.css at line # 2713

Replaced
display: none;

with
display: inline-block;

That did the trick. May be it is a bug. I am not sure.

Thanks!

Morpa

Still not patched?
Change display: note to inline-block; work, but the label is not like on ios.

emccorson

@Morpa If it’s still an issue, please submit an issue or even better a PR on GitHub

@morpa Doesn’t have label text for android, just icon left arrow

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

<ons-back-button> does not show up on Android chrome browser...Works great on iOS and desktop