search

laravel / framework

The Laravel Framework.
https://laravel.com
MIT License
32.21k stars 10.9k forks source link

AuthenticatedLayout issue with Laravel Breeze/React #51763

Closed Maaz0313 closed 3 months ago

Maaz0313 commented 3 months ago

Laravel Version

11.10.0

PHP Version

8.3.7

Database Driver & Version

No response

Description

When typing text between html tags inside AuthenticatedLayout tags of breeze, it's suggesting them as VS Code emmet abbreviation(as they are html tags).

Steps To Reproduce

  1. Create a new laravel app with breeze/react.
  2. Run all the migrations first.
  3. Go to resources/js/Pages folder.
  4. Create a new folder named 'Project'.
  5. Create a new jsx file named Test.jsx.
  6. Paste the following code
import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
import { Head } from "@inertiajs/react";

export default function Show({ auth, project }) {
  return (
    <AuthenticatedLayout
      user={auth.user}
      header={
        <h2 className="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200">
          {`Project "${project.name}"`}
        </h2>
      }
    >
      <Head title={`Project "${project.name}"`} />
      <div className="py-12">
        <div className="mx-auto max-w-7xl sm:px-6 lg:px-8">
          <div className="overflow-hidden bg-white shadow-sm dark:bg-gray-800 sm:rounded-lg">
            <div className="p-6 text-gray-900 dark:text-gray-100">
              <div>
                <img
                  src={project.image_path}
                  alt=""
                  className="object-cover w-full h-64"
                />
              </div>
              <div className="grid grid-cols-2 gap-1">
                <div>
                  <div>
                    <label></label>
                  </div>
                </div>
                <div>

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </AuthenticatedLayout>
  );
}
  1. Now type anything between label tags. It will start suggesting your typed words as if they are html tags. All words-typing adjacent to html tags are suggesting as html emmets I disabled all vs code extensions and stopped all servers, but nothing changes.
crynobone commented 3 months ago

Hi there,

Thanks for reporting the problem you are encountering, but it looks like this is a question which may be better suited for a support channel. We only use this issue tracker for reporting bugs with the library itself. If you have a question on how to use functionality provided by this repository you can try one of the following channels:

However, this issue will not be locked and everyone is still free to discuss solutions to your problem!

Thanks.