Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Custom Notification and Footer Tabs BUG #229

Open
ckhsu3926 opened this issue Mar 13, 2017 · 2 comments
Open

Custom Notification and Footer Tabs BUG #229

ckhsu3926 opened this issue Mar 13, 2017 · 2 comments
Labels
help wanted v1

Comments

@ckhsu3926
Copy link

ckhsu3926 commented Mar 13, 2017 •
edited

I am use custom notification and footer tabs at same page(wether default page or not get same bug).

And then tab buttons have no response for change tab (but swipe work fine).
After debug with Chrome Inspect, I find out even notification was hide,
It still keep some height from bottom and cover on footer tabs.

After tried z-index to notification , nav , tab-items , tab-item
My final solution is

deviceReady{
    document.querySelector('#notification_id').style.height="0px";
}

document.querySelector('#notification_id').style.height="";
phonon.notif('#notification_id').show();

document.querySelector('#notification_id').style.height="0px";
phonon.notif('#notification_id').hide();

Dirty but it works fine.
@qathom
Copy link
Contributor

qathom commented Mar 18, 2017 •
edited

Hi @ckhsu3926,

Thank you for opening this issue.
I can't reproduce your bug..
Is your custom notification outside your page wrapper?
Example:

...
<body>
    <div class="notification" id="notification_id">...</div>

    <!-- Then page declaration -->
    <home data-page="true">...</home>
    ...
</body>

@ckhsu3926
Copy link
Author

@qathom thanks for reply.

In my case,
I've tried

<body>
    <div class="notification" id="notification_id">...</div>
    ...
    <home data-page="true">...</home>
    ...
</body>

<body>
    <home data-page="true">
        ...
        <div class="notification" id="notification_id">...</div>
    </home>
    ...
</body>

Both of these style make this issue.
Totally Strange haha.

"Maybe" I bind mapsplugin/cordova-plugin-googlemaps(Ver.2.0) at same page is the reason why this happen,
although I did recheck every px are not overlap each other,
but I haven't give a shot to set map unclickable and figure out is this the reason of this issue.

@qathom qathom added the v1 label Jul 14, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
help wanted v1
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@qathom @ckhsu3926