Problem
In V1 the input field was the main visible field and all "cosmetic" things where placed inside. This lead to the effect that using additional text / images on right side could result in overlapping the input text with the additional info.
In V2 the "visible" input field is just a label and the real input field is inside this label and therefore the overlapping effect cannot happen. However, if the field is in focus there is a second border which looks strange. For some strange reason this effect is not visible in the V2 docs, where it works correctly.
Go to welcome.blade.php and add @wireUiScripts before @vite line
Remove everything within the <body> tag and place there just <x-input label="test" />
Update tailwind.config.js as written in WireUI docs
Run php artisan migrate
Run npm run build
Open the website and click into the field
Expected behavior
If you open the WireUI docs input page and click there into the input field, there is only the outer border. This should also be the case in the newly created page but there are two borders.
Screenshots or Videos
Dependencies
WireUI Version: 2.X.X
Laravel Version: 10.X.X
Alpine.js Version: included in Livewire
Livewire Version: 3.X.X
Lang: en_US
Desktop (If applicable, please complete the following information):
Problem In V1 the input field was the main visible field and all "cosmetic" things where placed inside. This lead to the effect that using additional text / images on right side could result in overlapping the input text with the additional info. In V2 the "visible" input field is just a label and the real input field is inside this label and therefore the overlapping effect cannot happen. However, if the field is in focus there is a second border which looks strange. For some strange reason this effect is not visible in the V2 docs, where it works correctly.
To Reproduce Steps to reproduce the behavior:
composer require wireui/wireui 2.x-dev)@wireUiScriptsbefore@viteline<body>tag and place there just<x-input label="test" />php artisan migratenpm run buildExpected behavior If you open the WireUI docs input page and click there into the input field, there is only the outer border. This should also be the case in the newly created page but there are two borders.
Screenshots or Videos
Dependencies
Desktop (If applicable, please complete the following information):