Skip to content

The navbar icons is zoom with the next icon too #4358

@merbin2012

Description

@merbin2012

Before update to 8+ version this was worked, but currently the navbar icons are just zooming but it affect the next icon too. Please check the following code and video

...
    <div class="navbar navbar-transparent">
      <div class="navbar-bg"></div>
      <div class="navbar-inner">
        <div class="left">
          <div class="padding-left">
            <div @click="${subscribeOrProLink}">
              <div class="text-align-center">
                <img src="${proImage}" class="homeIcon"/>
                <div class="homeText trPro">Pro</div>
              </div>         
            </div>
          </div>
          
          <div class="padding-left">
            <div @click="${preShareApp}">
              <div class="text-align-center">
                <img src="${shareImage}" class="homeIcon"/>
                <div class="homeText trShare">Share</div>
              </div>
          
            </div>
          </div>
        </div>

        <div class="right">
          <div class="padding-left padding-right">
            <div @click="${showLanguageSlectPopup}" class="homeLink touchable-img">
              <div class="text-align-center">
                <img src="${translateIcon}" class="homeIcon"/>
                <div class="homeText trTranslate">Translate</div>
              </div>
          
            </div>
          </div>
        </div>
       
      </div>
    </div>
...
WhatsApp.Video.2025-12-23.at.9.43.11.PM.mp4

Also this issue is available in your navbar example, url is
https://framework7.io/docs-demos/core/navbar-hide-on-scroll?theme=md&mode=light
Note: Working in normal mode, you can see the problem in mobile view only. I think this style is applied from ios theme

Please check the video below

screen-capture.2.webm

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions