Panel.create with 'reveal' and visualBreakpoint bug?

Questions
1

Hi, I’m not sure if this is a bug or not but

In my index.html I have two right panels, one with an init and another without

 <!-- Right panel with reveal effect-->
  <div class="panel panel-settings panel-right panel-reveal panel-init">
    <div class="view">
      <div class="page">
        <div class="navbar">
          <div class="navbar-inner">
            <div class="title webbar"><i class="f7-icons icon material-icons md-only">gear_fill</i> Settings</div>
          </div>
        </div>
        <div class="page-content sideNav-right">
          <div class="block"></div>
        </div>
      </div>
    </div>
  </div>

If I navigate to a page that I want to display the ‘chat’ as a right panel, I use this code

 panelChat = app.panel.create({
  el: '.panel-chat',
  resizable: true,
  visibleBreakpoint: 1024,
  collapsedBreakpoint: 768,
  effect:"reveal"

 });

and then run the message.create to create the messages for chat. The odd part comes in that the panel is shown but my chat is not displayed

If I shrink the screen down the ‘chat’ shows up and looks like a ‘cover’ but if I expand out it nothing.

Now, if I change the effect type to ‘cover’ in the index.html file it works just fine?

I’m ok with it being cover because it only uses cover after the breakpoint but thought I would put it out there just in-case it is a bug or maybe I’m using it incorrectly.