Comments (8)
Thanks for reporting this. I will experiment with something similar to this and try to find a solution.
from ionic-super-tabs.
horizontal ion-scroll doesn't work either
from ionic-super-tabs.
I tried reproducing this while working on V2 (#14) with no luck. Not sure if I did something that fixed it or I'm just unable to reproduce the issue.
I put the following code in one of the child pages (one of the tabs):
<ion-slides slidesPerView="5">
<ion-slide>
<span class="color blue"></span>
</ion-slide>
<ion-slide>
<span class="color red"></span>
</ion-slide>
<ion-slide>
<span class="color yellow"></span>
</ion-slide>
<ion-slide>
<span class="color blue"></span>
</ion-slide>
<ion-slide>
<span class="color red"></span>
</ion-slide>
<ion-slide>
<span class="color yellow"></span>
</ion-slide>
<ion-slide>
<span class="color blue"></span>
</ion-slide>
<ion-slide>
<span class="color red"></span>
</ion-slide>
<ion-slide>
<span class="color yellow"></span>
</ion-slide>
</ion-slides>
ion-slides {
height: 80px;
ion-slide span.color {
display: block;
height: 50px;
width: 50px;
max-width: 100%;
border-radius: 500rem;
&.blue {
background: blue;
}
&.red {
background: red;
}
&.yellow {
background: yellow;
}
}
}
I tested this on the browser and on an Android device. Didn't experience any unexpected behaviour. I will try ion-scroll
too in a bit.
from ionic-super-tabs.
@ihadeed sorry I didn't notice you responded to this earlier.
I pushed an example code to https://github.com/justiceo/super-tabs-example
The last two commits demonstrate the issues with ion-slide and ion-scroll.
And this is using the previous release of super-tabs, so yes it's possible that these problems have been fixed by now.
from ionic-super-tabs.
@justiceo could you please test it with the new version and let me know if you're still experiencing issues?
from ionic-super-tabs.
I just did and everything worked perfectly for both ion-slide and ion-scroll! Great work and thanks!
from ionic-super-tabs.
Thanks for the update @justiceo !
from ionic-super-tabs.
@justiceo - Can you please share your code, I am still not able to use ion-scroll inside supertabs!
from ionic-super-tabs.
Related Issues (20)
- tab indicator is not located correctly in firefox when padding exists
- ReIndexTabs undefined issue renders the tab blank HOT 2
- Super Tabs Toolbar pushed up when keyboard is activated HOT 1
- Need help on Super tab containing Table with horizontal scrollbar and fixed column HOT 2
- How to place super-tabs inside ion-toolbar HOT 2
- Framework Delegate is Missing Zone <root> (ion-nav root component not showing in browser) HOT 2
- When i prefetched new tabs list and concat it to the current tabs list the tab toolbar scrolls back to the last selected tab.
- How to change color from indicator and icon on the app?
- in 7.0.8 Version - Its throwing error as Can not read Property 'TransitionDuration' of Undefined. HOT 1
- Angular 10 || 11 and Ionic 5: Generic type 'ModuleWithProviders<T>' requires 1 type argument(s) error HOT 1
- Change tab programmatically. activeTabIndex not work.
- There isn't any props to disable ion-ripple-effect HOT 6
- Lazy loadingn not working - unloadWhenInvisible doing nothing HOT 2
- Tab content become empty when change tabs. Happens only on iOS 14.5 upwards
- super-tab-button animation slides from top on load
- Super Tabs - how to pass page to [root] correctly? HOT 1
- Having two supertabs pages, how to go from first page to second page programmatically?
- ion-refresher doesn't work in multiple tabs
- *ngIf and *ngOf directives not working
- not working on latest ionic v7.1.1 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ionic-super-tabs.