Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. Rob Rothe
    R
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    Rob Rothe

    @Rob Rothe

    0
    Reputation
    1
    Posts
    496
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    Rob Rothe Follow

    Posts made by Rob Rothe

    • Using React Tabbar disables page clicks

      I’m ussing the <Ons.Tabbar /> in my app and whenever I add it I can no longer get any onClick events to fire nor can I scroll if the content exceeds the page height. I noticed that the Tabbar component consumes the whole page height and with a higher z-index. Here is how I’ve got it implemented for the layout:

      return (
        <div>
          <Ons.Tabbar position="bottom" renderTabs={this.renderTabs} />
          <Ons.Page>
           <!-- the onClick does not get fired or I can not scroll when the tabbar is in the component -->
          <div onClick={this.handleClick}>Click me Seymour, click me...</div>
          </Ons.Page>
        </div>
      )
      

      Is this a bug or do I have it setup incorrectly?
      Thanks

      posted in Onsen UI
      R
      Rob Rothe