Input in sweetalert 2 not typeable or cannot be typed on in materializecss modal

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP



Input in sweetalert 2 not typeable or cannot be typed on in materializecss modal



I have modal in which when i click add bills button it will popup the sweetalert2, the code provided below came from their documentation, so i think there is no problem with the codes, anyways, my problem is that the input cannot by type-able and it is just like disabled, is this a problemn in materializecss side?



P.s I am using a materializecss css framework, and i also read an article which has the same problem with me in the bootstrap framework.



https://github.com/sweetalert2/sweetalert2/issues/374


$(".btnAddBills").click(function(event)
swal.mixin(
input: 'text',
confirmButtonText: 'Next →',
showCancelButton: true,
progressSteps: ['1', '2', '3']
).queue([

title: 'Question 1',
text: 'Chaining swal2 modals is easy'
,
'Question 2',
'Question 3'
]).then((result) =>
if (result.value)
swal(
title: 'All done!',
html:
'Your answers: <pre><code>' +
JSON.stringify(result.value) +
'</code></pre>',
confirmButtonText: 'Lovely!'
)

)



);



enter image description here









By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Popular posts from this blog

Firebase Auth - with Email and Password - Check user already registered

Dynamically update html content plain JS

Creating a leaderboard in HTML/JS