|
2 | 2 | <html lang="en" dir="ltr"> |
3 | 3 | <head> |
4 | 4 | <meta charset="UTF-8" /> |
5 | | - <title>Segment View - Input</title> |
| 5 | + <title>Segment View - Dynamic Height</title> |
6 | 6 | <meta |
7 | 7 | name="viewport" |
8 | 8 | content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" |
|
13 | 13 | <script nomodule src="../../../../../dist/ionic/ionic.js"></script> |
14 | 14 | <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script> |
15 | 15 |
|
16 | | - <script> |
17 | | - window.Ionic = { |
18 | | - config: { |
19 | | - mode: 'md', |
20 | | - }, |
21 | | - }; |
22 | | - </script> |
23 | | - |
24 | 16 | <style> |
25 | | - ion-segment-view { |
26 | | - max-height: 550px; |
27 | | - } |
28 | | - |
29 | | - /* These styles are causing the bug */ |
30 | 17 | ion-segment-content { |
31 | 18 | display: flex; |
32 | 19 | align-items: center; |
|
50 | 37 | <ion-app> |
51 | 38 | <ion-header> |
52 | 39 | <ion-toolbar> |
53 | | - <ion-title>Segment View - Input</ion-title> |
| 40 | + <ion-title>Segment View - Dynamic Height</ion-title> |
54 | 41 | </ion-toolbar> |
55 | 42 | </ion-header> |
56 | 43 |
|
|
67 | 54 | </ion-segment-button> |
68 | 55 | </ion-segment> |
69 | 56 | <ion-segment-view> |
70 | | - <ion-segment-content id="first" |
71 | | - >Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora |
72 | | - quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum |
73 | | - mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus |
74 | | - comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The |
75 | | - voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum |
76 | | - defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv |
77 | | - ingdead.</ion-segment-content |
78 | | - > |
| 57 | + <ion-segment-content id="first"> |
| 58 | + Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora |
| 59 | + quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. |
| 60 | + Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat |
| 61 | + cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo |
| 62 | + sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis |
| 63 | + go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv |
| 64 | + </ion-segment-content> |
79 | 65 | <ion-segment-content id="second"> |
80 | 66 | <ion-input value="" label="Email"></ion-input> |
81 | 67 | </ion-segment-content> |
82 | 68 | <ion-segment-content id="third"> |
83 | | - <ion-img class="img-part" src="https://picsum.photos/200/300"> </ion-img> |
| 69 | + <ion-img class="img-part" src="https://picsum.photos/200/300"></ion-img> |
84 | 70 | </ion-segment-content> |
85 | 71 | </ion-segment-view> |
86 | 72 | </ion-content> |
|
0 commit comments