Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Thymeleaf only renders <form> element when there is an empty <form></form> tag before it. #282

Open
ChrisHilborne opened this issue Feb 7, 2022 · 0 comments
Open

Thymeleaf only renders <form> element when there is an empty <form></form> tag before it. #282

ChrisHilborne opened this issue Feb 7, 2022 · 0 comments
Labels
needs triage

Comments

@ChrisHilborne
Copy link

ChrisHilborne commented Feb 7, 2022 •
edited

Hello!

I'm not sure if this is the right place to post this but I've looked on Stackoverflow etc. and I couldn't find any reference to it.

I have been trying to make a simple GET <form>

This code did not render the form element as expected:

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
<head th:replace="fragments/head::head(title='Film Fanaticos')"></head>
<body>
<header th:replace="fragments/header :: header"></header>

<main>
    <br><br>
    <div class="container-md">
        <div class="alert alert-danger" role="alert">
            <p class="text-centre">
                <strong>Are you sure you want to delete yourself permanently?</strong>
                <br>
                <small>All of your films, scores and reviews will also be deleted.</small>
            </p>
            
            <form class="mx-2" th:method="GET" th:action="@{/user/delete}"}>
                <button class="btn btn-danger profile-button mx-2" type="submit">Delete Profile</button>
                <a href="#" class="alert-link mx-2" onclick="history.back()">Go Back</a>
            </form>
        </div>
    </div>
</main>
<footer th:replace="fragments/footer :: footer"></footer>
</body>
</html>

This was the rendered HTML in the browswer:

<main>
    <br><br>
    <div class="container-md">
        <div class="alert alert-danger" role="alert">
            <p class="text-centre">
                <strong>Are you sure you want to delete yourself permanently?</strong>
                <br>
                <small>All of your films, scores and reviews will also be deleted.</small>
            </p>
            
            
                <button class="btn btn-danger profile-button mx-2" type="submit">Delete Profile</button>
                <a href="#" class="alert-link mx-2" onclick="history.back()">Go Back</a>
            
        </div>
    </div>
</main>

However, when I add an empty <form></form> tag before the <form> I want, it does render:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
<head th:replace="fragments/head::head(title='Film Fanaticos')"></head>
<body>
<header th:replace="fragments/header :: header"></header>

<main>
    <br><br>
    <div class="container-md">
        <div class="alert alert-danger" role="alert">
            <p class="text-centre">
                <strong>Are you sure you want to delete yourself permanently?</strong>
                <br>
                <small>All of your films, scores and reviews will also be deleted.</small>
            </p>
            <form></form>
            <form class="mx-2" th:method="GET" th:action="@{/user/delete}"}>
                <button class="btn btn-danger profile-button mx-2" type="submit">Delete Profile</button>
                <a href="#" class="alert-link mx-2" onclick="history.back()">Go Back</a>
            </form>
        </div>
    </div>
</main>
<footer th:replace="fragments/footer :: footer"></footer>
</body>
</html>

Is rendered as:

<main>
    <br><br>
    <div class="container-md">
        <div class="alert alert-danger" role="alert">
            <p class="text-centre">
                <strong>Are you sure you want to delete yourself permanently?</strong>
                <br>
                <small>All of your films, scores and reviews will also be deleted.</small>
            </p>
            
            <form class="mx-2" method="GET" action="/user/delete" }="">
                <button class="btn btn-danger profile-button mx-2" type="submit">Delete Profile</button>
                <a href="#" class="alert-link mx-2" onclick="history.back()">Go Back</a>
            </form>
        </div>
    </div>
</main>

I am using Spring Boot version 2.6.1 as well as the spring-boot-starter-thymeleaf, thymeleaf-extras-springsecurity5 and thymeleaf-extras-java8time dependencies.

Here is my pom-xml:

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.6.1</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>
	<groupId>io.chilborne</groupId>
	<artifactId>film-fanatic</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<name>film-fanatic</name>
	<description>Proyecto Final Para Spring Boot Curso de Tokio School</description>
	<properties>
		<java.version>11</java.version>
	</properties>
	<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-actuator</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-data-jdbc</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-data-jpa</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-security</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-devtools</artifactId>
			<scope>runtime</scope>
			<optional>true</optional>
		</dependency>
		<dependency>
			<groupId>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
		<dependency>
			<groupId>org.springframework.security</groupId>
			<artifactId>spring-security-test</artifactId>
			<scope>test</scope>
		</dependency>
		<dependency>
			<groupId>org.projectlombok</groupId>
			<artifactId>lombok</artifactId>
			<version>1.18.22</version>
		</dependency>
		<dependency>
			<groupId>com.google.guava</groupId>
			<artifactId>guava</artifactId>
			<version>31.0.1-jre</version>
		</dependency>
		<dependency>
			<groupId>org.webjars</groupId>
			<artifactId>bootstrap</artifactId>
			<version>5.1.3</version>
		</dependency>

		<dependency>
			<groupId>org.webjars</groupId>
			<artifactId>jquery</artifactId>
			<version>3.5.1</version>
		</dependency>
		<dependency>
			<groupId>org.thymeleaf.extras</groupId>
			<artifactId>thymeleaf-extras-springsecurity5</artifactId>
		</dependency>
		<dependency>
			<groupId>org.thymeleaf.extras</groupId>
			<artifactId>thymeleaf-extras-java8time</artifactId>
		</dependency>
		<dependency>
			<groupId>io.jsonwebtoken</groupId>
			<artifactId>jjwt</artifactId>
			<version>0.9.1</version>
		</dependency>
		<dependency>
			<groupId>org.hibernate.validator</groupId>
			<artifactId>hibernate-validator</artifactId>
			<version>7.0.1.Final</version>
		</dependency>
		<dependency>
			<groupId>com.h2database</groupId>
			<artifactId>h2</artifactId>
			<scope>runtime</scope>
		</dependency>
	</dependencies>

	<profiles>
		<profile>
			<id>test</id>
			<properties>
				<activatedProperties>test</activatedProperties>
			</properties>
		</profile>
	</profiles>


	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
				<configuration>
					<profiles>
						<profile>test</profile>
					</profiles>
				</configuration>
			</plugin>
			<plugin>
			    <groupId>org.apache.maven.plugins</groupId>
			    <artifactId>maven-compiler-plugin</artifactId>
			    <configuration>
			        <source>11</source>
			        <target>11</target>
			    </configuration>
			</plugin>
		</plugins>
	</build>

</project>

Thanks!

EDIT: code formatting
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
needs triage
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@ChrisHilborne