Navbar:Default

Build 1 on chromatic
Reviewing disabled
View latest build
ErrorBuild 1 on chromatic
View Storybook
Fail
Navbar.stories.js
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 Storybook
Chrome 105
1168x79
Linux Linux Ubuntu 20.04.4
a23022 on chromatic
Caught exception in play function

This 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