mandalorianiv_error | Stripe Developers | Page 1

polar rivetBOT Oct 23, 2025, 12:10 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1430891208753942608

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

mandalorianiv_error, 1 day ago, 18 messages

#

severe niche Oct 23, 2025, 12:12 PM

#

I've a problem with input fields, I can not click on it at all on local, I can only can click name on live. I can only enter my credit card number pressing by tab to focus second textfield

brittle hinge Oct 23, 2025, 12:15 PM

#

👋 Hi there, let me take a look

#

I see your discussion from yesterday about using Card Element, or did you switch to Payment Element?

#

Do you have an example page you can share where I can see this issue?

severe niche Oct 23, 2025, 12:42 PM

#

tried to but didn't work or I could not implemented it properly

#

my problem actually quite simple, I should be able to click card input field as well

#

selected area is not clickable.

#

I can only enter my name then press the tab works

#

once you tab, both become clickable

polar rivetBOT Oct 23, 2025, 12:48 PM

#

proven ivy Oct 23, 2025, 12:52 PM

#

hi, taking over for my colleague who had to step away. do you have any issues with clicking in the card field in this demo page? https://4242.io/test/card-element/

severe niche Oct 23, 2025, 1:15 PM

#

no, I don't

#

it works on your example

proven ivy Oct 23, 2025, 1:16 PM

#

ok, can you provide a public link to the page where you are having this problem so I can take a look?

severe niche Oct 23, 2025, 1:17 PM

#

can I show you on screen sharing?

proven ivy Oct 23, 2025, 1:17 PM

#

we can't do that on this channel, unfortunately

severe niche Oct 23, 2025, 1:17 PM

#

one sec

#

#

proven ivy Oct 23, 2025, 1:23 PM

#

it's going to be difficult to debug this unless I can try clicking on the Card element on your site myself

#

one thing I'm seeing from your earlier screenshots is it doesn't look like the Card element is loaded in the first one. if it was, you'd see the card icon on the left side of the input

#

so one thing you could look into is to see when the Card element is actually being mounted. you can do this by listening to for events on the element https://docs.stripe.com/js/element/events/on_ready

severe niche Oct 23, 2025, 1:51 PM

#

I've also trying payment element

#

I can see the logs that payment intent is being created but view is not created.

proven ivy Oct 23, 2025, 1:54 PM

#

what is your code to mount the Card element and how is it being called?

severe niche Oct 23, 2025, 1:57 PM

#

📎 stripe.js

#


 if ($paymentMethod->key === 'credit-card') {

           $clientSecret = null;
           $minAmount = 0.0;
           $cartTotal = 0.0;

           try {
            
               $minAmount = 50.0;
              
               $cartTotal = (float) 30;
               $currency = 'eur'; 

        
               \Stripe\Stripe::setApiKey(Config::get("STRIPE_TEST_API_KEY"));

               if ($cartTotal > 0) {
                   $paymentIntent = \Stripe\PaymentIntent::create([
                      'amount'   => (int)($cartTotal * 100), // Cent'e çevir
                      'currency' => $currency,
                      'automatic_payment_methods' => ['enabled' => true],
                   ]);
                   $clientSecret = $paymentIntent->client_secret;
               }

           } catch (\Exception $e) {
               $clientSecret = null; // Hata oluşursa
           }

           $paymentElementContainer = Html::tag('div', '', [
              'id' => 'payment-element-container'
           ]);

           // 2. Hata mesajları için boş div
           $errorMessageContainer = Html::tag('div', '', [
              'id'    => 'payment-message',
              'role'  => 'alert',
              'style' => 'display:none; color: #dc3545; margin-top: 10px;'
           ]);


           $hiddenData = Html::hiddenInput('stripeClientSecret', $clientSecret, ['id' => 'stripeClientSecret']) .
                         Html::hiddenInput('stripeMinAmount', $minAmount, ['id' => 'stripeMinAmount']) .
                         Html::hiddenInput('stripeCartTotal', $cartTotal, ['id' => 'stripeCartTotal']);


           $collapseItem = Html::tag(
              'div',
              $paymentElementContainer . $errorMessageContainer . $hiddenData,
              [
                 'class' => 'card-body payment-methods',
              ]
           );
       }

#

this is how I put it onto website

proven ivy Oct 23, 2025, 1:59 PM

#

if ($('#payment-element-container').length)

I'm curious about this part, are you checking the length here for a reason? what happens if you remove this conditional?

severe niche Oct 23, 2025, 2:01 PM

#

proven ivy ```if ($('#payment-element-container').length)``` I'm curious about this part, ...

it was for testing purposes but I removed and still not visible

#

Oh wait I've got another error from another .js

#

it might be blocking that

#

I'll let you know one sec

polar rivetBOT Oct 23, 2025, 2:15 PM

#

severe niche Oct 23, 2025, 2:26 PM

#

well I did not call the stripe.js from html side. now it works thanks

#mandalorianiv_error