Fail
Unable to find an element with the title: HathiTrust logo.
Ignored nodes: comments, script, style
<div
id="storybook-root"
>
<div>
<dialog
aria-hidden="true"
class="svelte-1fdecta"
data-polyfilled="false"
>
<div
aria-labelledby="id1701457109988-255573268335-label"
class="modal show svelte-1fdecta"
style="display: block;"
>
<div
class="modal-dialog modal-dialog-scrollable modal-dialog-centered"
>
<div
class="modal-content"
>
<div
class="modal-header svelte-1fdecta"
>
<h1
class="modal-title svelte-1fdecta"
id="id1701457109988-255573268335-label"
>
Questions?
</h1>
<button
aria-label="Close Modal"
class="btn btn-sm btn-outline-secondary d-flex align-items-center gap-2 justify-between order-1 ms-auto text-uppercase svelte-1fdecta"
data-bs-dismiss="modal"
type="button"
>
Close
<i
aria-hidden="true"
class="fa-solid fa-xmark svelte-1fdecta"
/>
</button>
</div>
<div
class="modal-body svelte-1fdecta"
>
<main>
<form
class="needs-validation mb-3 svelte-1xdvao9"
id="id1701457109989"
name="feedback"
novalidate=""
>
<div
class="mb-3"
>
<label
class="form-label"
for="name"
>
Name
<span
class="required svelte-1xdvao9"
>
(required)
</span>
</label>
<input
class="form-control svelte-1xdvao9"
id="name"
name="name"
required=""
type="name"
/>
<div
class="invalid-feedback"
>
Please provide your name.
</div>
</div>
<div
class="mb-3"
>
<label
class="form-label"
for="email"
>
Email address
<span
class="required svelte-1xdvao9"
>
(required)
</span>
</label>
<input
class="form-control svelte-1xdvao9"
id="email"
name="email"
required=""
type="email"
/>
<div
class="invalid-feedback"
>
Please provide an email address.
</div>
</div>
<div
class="mb-3"
>
<label
class="form-label"
for="summary"
>
Short summary
<span
class="required svelte-1xdvao9"
>
(required)
</span>
</label>
<input
class="form-control svelte-1xdvao9"
id="summary"
name="summary"
required=""
type="text"
/>
<div
class="invalid-feedback"
>
Please provide a title or subject line to summarize your feedback.
</div>
</div>
<div
class="mb-3"
>
<label
class="form-label"
for="bookDescription"
>
If your question is related to a specific book, what is the title or URL?
<span
class="required svelte-1xdvao9"
>
(optional)
</span>
</label>
<input
class="form-control svelte-1xdvao9"
id="bookDescription"
name="bookDescription"
type="text"
/>
</div>
<div
class="mb-3"
>
<label
class="form-label"
for="description"
>
Full description of problem or question
<span
class="required svelte-1xdvao9"
>
(required)
</span>
</label>
<textarea
class="form-control svelte-1xdvao9"
id="description"
name="description"
required=""
rows="3"
/>
<div
class="invalid-feedback"
>
Please provide some background or details for your feedback or question.
</div>
</div>
<input
id="userURL"
name="userURL"
type="hidden"
value="https://656a2bfa011def621f569319-uwipwdpqfi.capture-loopback.chromatic.com/iframe.html?instrument=true&id=navbar--default&viewMode=story"
/>
<input
id="userAgent"
name="userAgent"
type="hidden"
value="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.5195.19 Safari/537.36 (Chromatic capture)"
/>
...View in Storybook1168x79
Linux Linux Ubuntu 20.04.4
a23022 on chromatic
Caught exception in
play functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
Error: ignoredException
at https://656a2bfa011def621f569319-uwipwdpqfi.capture-loopback.chromatic.com/sb-preview/runtime.mjs:4:91560