Align SweetAlert2 Content To Top of Popup
up vote
0
down vote
favorite
I'm using a typeahead Vue component inside of a Swal2 popup, I've adjusted the height using a custom class so I can get all of the typeahead dropdown data inside (or what would appear inside) the popup.
But I can't seem to get the content to align to the top.
I'm sure it's just a flex box setting but I can't figure out what to add to my custom class the get this aligned top.
.lookup-custom-height
height: 400px;
CODE REQUESTED:
lookup()
swal(
title: 'Substance Lookup',
html: '<sub-typeahead placeholder="Search for Substances ..." item="material" display="name"></sub-typeahead>',
showConfirmButton: false,
customClass: 'lookup-custom-height',
)
return new Vue(
el: swal.getContent(),
components:
SubTypeahead
)
,
css sweetalert2
asked Nov 9 at 21:38
Vince Kronlein
1,72822750
add a comment |
up vote
0
down vote
favorite
I'm using a typeahead Vue component inside of a Swal2 popup, I've adjusted the height using a custom class so I can get all of the typeahead dropdown data inside (or what would appear inside) the popup.
But I can't seem to get the content to align to the top.
I'm sure it's just a flex box setting but I can't figure out what to add to my custom class the get this aligned top.
.lookup-custom-height
height: 400px;
CODE REQUESTED:
lookup()
swal(
title: 'Substance Lookup',
html: '<sub-typeahead placeholder="Search for Substances ..." item="material" display="name"></sub-typeahead>',
showConfirmButton: false,
customClass: 'lookup-custom-height',
)
return new Vue(
el: swal.getContent(),
components:
SubTypeahead
)
,
css sweetalert2
asked Nov 9 at 21:38
Vince Kronlein
1,72822750
Can you add your current code?
– Liam Strilchuk
Nov 9 at 21:41
I don't see why that would matter. It's a sweetalert issue not an issue with the code, but I suppose I can add it.
– Vince Kronlein
Nov 9 at 21:57
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm using a typeahead Vue component inside of a Swal2 popup, I've adjusted the height using a custom class so I can get all of the typeahead dropdown data inside (or what would appear inside) the popup.
But I can't seem to get the content to align to the top.
I'm sure it's just a flex box setting but I can't figure out what to add to my custom class the get this aligned top.
.lookup-custom-height
height: 400px;
CODE REQUESTED:
lookup()
swal(
title: 'Substance Lookup',
html: '<sub-typeahead placeholder="Search for Substances ..." item="material" display="name"></sub-typeahead>',
showConfirmButton: false,
customClass: 'lookup-custom-height',
)
return new Vue(
el: swal.getContent(),
components:
SubTypeahead
)
,
css sweetalert2
asked Nov 9 at 21:38
Vince Kronlein
1,72822750
I'm using a typeahead Vue component inside of a Swal2 popup, I've adjusted the height using a custom class so I can get all of the typeahead dropdown data inside (or what would appear inside) the popup.
But I can't seem to get the content to align to the top.
I'm sure it's just a flex box setting but I can't figure out what to add to my custom class the get this aligned top.
.lookup-custom-height
height: 400px;
CODE REQUESTED:
lookup()
swal(
title: 'Substance Lookup',
html: '<sub-typeahead placeholder="Search for Substances ..." item="material" display="name"></sub-typeahead>',
showConfirmButton: false,
customClass: 'lookup-custom-height',
)
return new Vue(
el: swal.getContent(),
components:
SubTypeahead
)
,
css sweetalert2
css sweetalert2
asked Nov 9 at 21:38
Vince Kronlein
1,72822750
asked Nov 9 at 21:38
Vince Kronlein
1,72822750
edited Nov 9 at 22:00
asked Nov 9 at 21:38
Vince Kronlein
1,72822750
asked Nov 9 at 21:38
Vince Kronlein
1,72822750
asked Nov 9 at 21:38
Vince Kronlein
1,72822750
1,72822750
Can you add your current code?
– Liam Strilchuk
Nov 9 at 21:41
I don't see why that would matter. It's a sweetalert issue not an issue with the code, but I suppose I can add it.
– Vince Kronlein
Nov 9 at 21:57
add a comment |
Can you add your current code?
– Liam Strilchuk
Nov 9 at 21:41
I don't see why that would matter. It's a sweetalert issue not an issue with the code, but I suppose I can add it.
– Vince Kronlein
Nov 9 at 21:57
Can you add your current code?
– Liam Strilchuk
Nov 9 at 21:41
Can you add your current code?
– Liam Strilchuk
Nov 9 at 21:41
I don't see why that would matter. It's a sweetalert issue not an issue with the code, but I suppose I can add it.
– Vince Kronlein
Nov 9 at 21:57
I don't see why that would matter. It's a sweetalert issue not an issue with the code, but I suppose I can add it.
– Vince Kronlein
Nov 9 at 21:57
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53233577%2falign-sweetalert2-content-to-top-of-popup%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Can you add your current code?
– Liam Strilchuk
Nov 9 at 21:41
I don't see why that would matter. It's a sweetalert issue not an issue with the code, but I suppose I can add it.
– Vince Kronlein
Nov 9 at 21:57