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.

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

[Bug]: element.tagName.toUpperCase is not a function #30616

Closed
juvarabrera opened this issue May 1, 2024 · 4 comments · Fixed by #30636
Closed

[Bug]: element.tagName.toUpperCase is not a function #30616

juvarabrera opened this issue May 1, 2024 · 4 comments · Fixed by #30636
Assignees
Labels

Comments

@juvarabrera
Copy link

Version

1.40.1

Steps to reproduce

We have a big web application and we've been using Playwright for almost all pages. But there is one particular page that's showing this error in Playwright.

I have this snippet that clicks this button

await page.getByRole('button', {
   name: Label.SAVE,
   exact: true
}).click()

The button is visible in plain sight.

Expected behavior

I just expect that the button is clicked. I've been using the .click() function to click thousands of buttons but any buttons in this particular page is not working. I'm not a dev that's working on this particular page so I'm not sure what's different

Actual behavior

It does not wait for the timeout to finish (10 seconds). It just shows the error right away.

Error: expect.toBeVisible: TypeError: element.tagName.toUpperCase is not a function

        at getImplicitAriaRole (<anonymous>:360:70)
        at getAriaRole (<anonymous>:484:12)
        at match (<anonymous>:2958:9)
        at query (<anonymous>:2993:7)
        at queryRole (<anonymous>:2999:3)
        at Object.queryAll (<anonymous>:3012:16)
        at InjectedScript._queryEngineAll (<anonymous>:4949:49)
        at InjectedScript.querySelectorAll (<anonymous>:4936:30)
        at eval (eval at evaluate (:226:30), <anonymous>:6:44)
        at UtilityScript.evaluate (<anonymous>:228:17)
    Call log:
      - expect.toBeVisible with timeout 10000ms
      - waiting for getByRole('button', { name: '保存する', exact: true })

        at getImplicitAriaRole (C:\Users\Juvar\Projects\meetsmore\proone\tests\e2e\web\<anonymous>:360:70)
        at match (C:\Users\Juvar\Projects\meetsmore\proone\tests\e2e\web\<anonymous>:2958:9)
        at query (C:\Users\Juvar\Projects\meetsmore\proone\tests\e2e\web\<anonymous>:2993:7)
        at queryRole (C:\Users\Juvar\Projects\meetsmore\proone\tests\e2e\web\<anonymous>:2999:3)
        at Object.queryAll (C:\Users\Juvar\Projects\meetsmore\proone\tests\e2e\web\<anonymous>:3012:16)
        at InjectedScript._queryEngineAll (C:\Users\Juvar\Projects\meetsmore\proone\tests\e2e\web\<anonymous>:4949:49)
        at InjectedScript.querySelectorAll (C:\Users\Juvar\Projects\meetsmore\proone\tests\e2e\web\<anonymous>:4936:30)
        at eval (C:\Users\Juvar\Projects\meetsmore\proone\tests\e2e\web\eval at evaluate (:226:30), <anonymous>:6:44)
        at UtilityScript.evaluate (C:\Users\Juvar\Projects\meetsmore\proone\tests\e2e\web\<anonymous>:228:17)
        at path\to\test.spec.ts:20:70

Additional context

The Save button.

image

<button class="some-classes ..." tabindex="0" type="submit">保存する<span class="MuiTouchRipple-root css-w0pj6f"></span></button>

All buttons are like this in other pages but it works on other pages.

I unfortunately cannot disclose the web application for you to try but please let me know what information you need to debug this.

Environment

System:
    OS: Windows 11 10.0.22631
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz
    Memory: 2.51 GB / 15.70 GB
  Binaries:
    Node: 20.11.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 4.1.0 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.2.4 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.0.5 - C:\Program Files\nodejs\pnpm.CMD
  IDEs:
    VSCode: 1.88.1 - C:\Users\Juvar\AppData\Local\Programs\Microsoft VS Code\bin\code.CMD
  npmPackages:
    @playwright/test: ^1.40.1 => 1.42.1
@dgozman
Copy link
Contributor

dgozman commented May 1, 2024

@juvarabrera Thank you for the issue. The problem is most likely during the search for the button, so the element that triggers TypeError: element.tagName.toUpperCase is not a function does not have to be the target button.

Unfortunately, without a repro we won't be able to help, because we need to see the markup that triggers this unexpected behavior. If you could provide a repro, perhaps removing parts of the page while the issue still reproduces, that would be great!

@juvarabrera
Copy link
Author

This is what page.content() returned. I just redacted the hrefs, srcs, and some texts except the save button (保存する). Hope this helps.

<!DOCTYPE html>
<html style="">
    <head>
        <style data-fullcalendar=""></style>
        <style data-emotion="css-global" data-s=""></style>
        <style data-emotion="css-global" data-s=""></style>
        <style data-emotion="css-global" data-s=""></style>
        <style data-emotion="css-global" data-s=""></style>
        <style data-emotion="css-global" data-s=""></style>
        <style data-emotion="css-global" data-s=""></style>
        <style data-emotion="css-global" data-s=""></style>
        <style data-emotion="css 3z75l1" data-s=""></style>
        <style data-emotion="css 6mn7rb animation-61bdi0" data-s=""></style>
        <style data-emotion="css 13o7eu2" data-s=""></style>
        <style data-emotion="css 14891ef animation-1p2h4ri" data-s=""></style>
        <style data-emotion="css" data-s=""></style>
        <meta charset="utf-8">
        <title></title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
        <meta name="next-head-count" content="3">
        <meta name="theme-color" content="#495057">
        <link rel="icon" href="">
        <link data-next-font="size-adjust" rel="preconnect" href="" crossorigin="anonymous">
        <link rel="preload" href="" as="style">
        <link rel="stylesheet" href="" data-n-g="">
        <noscript data-n-css=""></noscript>
        <script defer="" nomodule="" src=""></script><script src="" defer=""></script><script src="" defer=""></script><script src="" defer=""></script><script src="" defer=""></script><script src="" defer=""></script><script src="" defer=""></script><script src="" defer=""></script>
        <style type="text/css"></style>
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <link as="script" rel="prefetch" href="">
        <script async="" id="google-maps" src=""></script>
    </head>
    <body>
        <div id="__next">
        <div class="MuiBox-root css-k008qs">
        <div class="MuiDrawer-root MuiDrawer-docked css-1776p7v" id="side-drawer">
            <div class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiDrawer-paper MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft css-1he3fg">
                <div class="MuiBox-root css-1pddvmo"></div>
                <div class="MuiBox-root css-mjkocd">
                    <ul class="MuiList-root MuiList-dense css-1uzmcsd">
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="DashboardIcon">
                                                <path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M20 6H16V4C16 2.89 15.11 2 14 2H10C8.89 2 8 2.89 8 4V6H4C2.89 6 2.01 6.89 2.01 8L2 19C2 20.11 2.89 21 4 21H12.2547C11.4638 19.8662 11 18.4872 11 17C11 13.134 14.134 10 18 10C19.4872 10 20.8662 10.4638 22 11.2547V8C22 6.89 21.11 6 20 6ZM14 6H10V4H14V6ZM19 13V16H22V18H19V21H17V18H14V16H17V13H19Z" fill="#fff"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="WorkIcon">
                                                <path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="AccountBoxIcon">
                                                <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="PlaceIcon">
                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="MailOutlineIcon">
                                                <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="EventIcon">
                                                <path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="LocalShippingIcon">
                                                <path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9 1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ReceiptLongIcon">
                                                <path d="M19.5 3.5 18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2v14H3v3c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V2l-1.5 1.5zM19 19c0 .55-.45 1-1 1s-1-.45-1-1v-3H8V5h11v14z"></path>
                                                <path d="M9 7h6v2H9zm7 0h2v2h-2zm-7 3h6v2H9zm7 0h2v2h-2z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ReceiptIcon">
                                                <path d="M18 17H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V7h12v2zM3 22l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="SellIcon">
                                                <path d="m21.41 11.41-8.83-8.83c-.37-.37-.88-.58-1.41-.58H4c-1.1 0-2 .9-2 2v7.17c0 .53.21 1.04.59 1.41l8.83 8.83c.78.78 2.05.78 2.83 0l7.17-7.17c.78-.78.78-2.04-.01-2.83zM6.5 8C5.67 8 5 7.33 5 6.5S5.67 5 6.5 5 8 5.67 8 6.5 7.33 8 6.5 8z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill="#fff" d="M13.81 10.48h2.86v2.86h-2.86z"></path>
                                                <path d="M12.86 10.48v2.81a1 1 0 0 0 1 1h2.76a1 1 0 0 0 1-1v-2.81H20V20h-9.52v-9.52h2.38ZM3.33 10.48h2.86v2.86H3.33z" fill="#fff"></path>
                                                <path d="M2.38 10.48v2.81a1 1 0 0 0 1 1h2.76a1 1 0 0 0 1-1v-2.81h2.38V20H0v-9.52h2.38ZM8.57 0h2.86v2.86H8.57z" fill="#fff"></path>
                                                <path d="M7.62 0V2.81a1 1 0 0 0 1 1h2.76a1 1 0 0 0 1-1V0h2.38v9.52H5.24V0h2.38Z" fill="#fff"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ShowChartIcon">
                                                <path d="m3.5 18.49 6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                <path d="M17.3895 2.04938H6.61105C5.63752 2.04938 4.84796 2.83894 4.84796 3.81189V20.1882C4.84796 21.1612 5.63752 21.9507 6.61105 21.9507H17.3895C18.3631 21.9507 19.152 21.1612 19.152 20.1882V3.81189C19.152 2.83894 18.3631 2.04938 17.3895 2.04938ZM9.20137 19.1521H7.33562V17.2863H9.20137V19.1521ZM9.20137 16.0425H7.33562V14.1767H9.20137V16.0425ZM9.20137 12.9329H7.33562V11.0672H9.20137V12.9329ZM12.9329 19.1521H11.0671V17.2863H12.9329V19.1521ZM12.9329 16.0425H11.0671V14.1767H12.9329V16.0425ZM12.9329 12.9329H11.0671V11.0672H12.9329V12.9329ZM16.6644 19.1521H14.7986V14.1767H16.6644V19.1521ZM16.6644 12.9329H14.7986V11.0672H16.6644V12.9329ZM16.6644 8.26854H7.33562V5.15896H16.6644V8.26854Z" fill="currentColor"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <div class="MuiBox-root css-79elbk">
                            <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                    <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                        <div class="MuiListItemIcon-root css-fmky0v">
                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="DomainVerificationIcon">
                                                <path d="m16.6 10.88-1.42-1.42-4.24 4.25-2.12-2.13L7.4 13l3.54 3.54z"></path>
                                                <path d="M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm0 14H5V8h14v10z"></path>
                                            </svg>
                                        </div>
                                        <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                    </div>
                                </li>
                            </a>
                        </div>
                        <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-14s0o5a">
                            <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-ror9ed" tabindex="0" role="button">
                                <div class="MuiListItemIcon-root css-fmky0v">
                                    <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="SettingsIcon">
                                        <path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"></path>
                                    </svg>
                                </div>
                                <div class="MuiListItemText-root MuiListItemText-dense css-1tsvksn"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ExpandMoreIcon">
                                    <path d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"></path>
                                </svg>
                                <div class="MuiBox-root css-1npec1r">
                                    <ul class="MuiList-root MuiList-dense MuiList-subheader css-vlex06">
                                        <li class="MuiListSubheader-root MuiListSubheader-gutters MuiListSubheader-sticky css-11w5ypn"></li>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                        <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                                            <li class="MuiListItem-root MuiListItem-dense MuiListItem-gutters css-ox3x8y">
                                                <div class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-1nedggl" tabindex="0" role="button">
                                                    <div class="MuiListItemText-root MuiListItemText-dense css-scma93"><span class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-a90vqs"></span></div>
                                                    <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                </div>
                                            </li>
                                        </a>
                                    </ul>
                                </div>
                                <span class="MuiTouchRipple-root css-w0pj6f"></span>
                            </div>
                        </li>
                    </ul>
                    <div class="MuiBox-root css-1rr4qq7"></div>
                    <div class="MuiBox-root css-hpgf8j">
                        <button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-1ja8xqi" tabindex="0" type="button">
                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="HelpIcon">
                                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"></path>
                            </svg>
                            <span class="MuiTouchRipple-root css-w0pj6f"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <main class="css-1xncy14">
            <header class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation4 MuiAppBar-root MuiAppBar-colorDefault MuiAppBar-positionFixed mui-fixed css-hhi18x" id="header">
                <div class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-1isitzb">
                    <button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeStart MuiIconButton-sizeSmall css-o5byh6" tabindex="0" type="button">
                        <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="MenuIcon">
                            <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
                        </svg>
                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                    </button>
                    <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-vo9hd7" rel="noopener noreferrer" href="">
                        <h1 class="css-iotd1v">
                            <div class="MuiBox-root css-12nn7v"></div>
                        </h1>
                    </a>
                    <div class="MuiBox-root css-i9gxme"></div>
                    <button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeStart MuiIconButton-sizeSmall css-o5byh6" tabindex="0" type="button">
                        <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="CheckBoxOutlinedIcon">
                            <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM17.99 9l-1.41-1.42-6.59 6.59-2.58-2.57-1.42 1.41 4 3.99z"></path>
                        </svg>
                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                    </button>
                    <button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1yxifpr" tabindex="0" type="button">
                        <span class="MuiBadge-root MuiBadge-root css-jo4rp"><span class="MuiBadge-badge MuiBadge-standard MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightRectangular MuiBadge-overlapRectangular MuiBadge-colorError MuiBadge-badge css-1n1fnzf"></span></span>
                        <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="NotificationsIcon">
                            <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"></path>
                        </svg>
                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                    </button>
                    <button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1j7qk7u" tabindex="0" type="button">
                        <div class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-os5jgr"></div>
                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                    </button>
                </div>
            </header>
            <div class="css-1g4yje1">
            <div class="MuiBox-root css-1qvh2fy">
                <div class="MuiBox-root css-1qm1lh"><span style="color: rgb(63, 106, 140);"></span></div>
                <div class="css-kmutc5">
                    <button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeMedium css-1g46vra" tabindex="0" type="button">
                        <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-2k1c63" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowBackIcon">
                            <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"></path>
                        </svg>
                        <span class="MuiTouchRipple-root css-w0pj6f"></span>
                    </button>
                    <div class="MuiBox-root css-1yrbvt3"></div>
                </div>
                <form class="MuiBox-root css-0">
                    <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-isbt42" style="max-width: 500px;">
                        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-12 MuiGrid-grid-md-12 MuiGrid-grid-lg-12 css-15j76c0">
                            <div class="MuiFormControl-root MuiFormControl-fullWidth MeetsOne-TextInput-root css-tzsjye">
                                <div class="css-1f6zzzo"><label class="MuiFormLabel-root MuiFormLabel-colorPrimary MeetsOne-InputLabelBase css-fzf2ac"></label><label class="MuiFormLabel-root MuiFormLabel-colorPrimary MeetsOne-RequiredLabel css-iccklz"></label></div>
                                <div class="MuiFormControl-root MuiTextField-root css-g8olq3">
                                    <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall css-vx0mf2">
                                        <input aria-invalid="false" id=":r2n:" name="name" type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-162ofju" value="">
                                        <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-igs3ac">
                                            <legend class="css-ihdtdm"><span class="notranslate"></span></legend>
                                        </fieldset>
                                    </div>
                                    </diiv>
                                </div>
                            </div>
                            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-12 MuiGrid-grid-md-12 MuiGrid-grid-lg-12 css-15j76c0">
                                <div class="MuiAutocomplete-root css-m0sbic">
                                    <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-rox6gw">
                                        <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiAutocomplete-inputRoot css-yr8rpe">
                                            <div class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-1a6giau">
                                                <span class="notranslate"></span>
                                                <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMeedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="SearchIcon">
                                                    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                                                </svg>
                                            </div>
                                            <input aria-invalid="false" autocomplete="off" id=":r2o:" placeholder="キーワードで住所を検索する" type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiAutocomplete-input MuiAutocomplete-inputFocused css-6jc4d" aria-autocomplete="both" aria-expanded="false" autocapitalize="none" spellcheck="false" role="combobox" value="">
                                            <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-igs3ac">
                                                <legend class="css-ihdtdm"><span class="notranslate"></span></legend>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-rpybyc">
                                <div class="MuiFormControl--root MuiFormControl-fullWidth MeetsOne-TextInput-root css-tzsjye">
                                    <div class="css-1f6zzzo"><label class="MuiFormLabel-root MuiFormLabel-colorPrimary MeetsOne-InputLabelBase css-fzf2ac"></label></div>
                                    <div class="MuiFormControl-root MuiTextField-root css-g8olq3">
                                        <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall css-vx0mf2">
                                            <input aria-invalid="false" id=":r2q:" name="phone" type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-162ofju" value="">
                                            <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-igs3ac">
                                                <legend class="css-ihdtdm"><span class="notranslate"></span></legend>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
                                <div class="css-1f6zzzo"><label class="MuiFormLabel-root MuiFormLabel-colorPrimary MeetsOne-InputLabelBase css-fzf2ac"></label></div>
                                <div>
                                    <div class="MuiAutocomplete-root MuiAutocomplete-fullWidth MuiAutocomplete-hasPopupIcon css-199mik8">
                                        <div class="MuiFormControl-root MuiFormControl-fullWidth MeetsOne-TextInput-root css-tzsjye">
                                            <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-1r06p61">
                                                <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-zbdwhs">
                                                    <input aria-invalid="false" autocomplete="off" id=":r2r:" name="tagName" placeholder="タグを入力" type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-3ieusv" aria-autocomplete="list" aria-expanded="false" autocapitalize="none" spellcheck="false" role="combobox" value="">
                                                    <div class="MuiAutocomplete-endAdornment css-2iz2x6">
                                                        <button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-uge3vf" tabindex="-1" type="button" aria-label="Open" title="Open">
                                                            <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowDropDownIcon">
                                                                <path d="M7 10l5 5 5-5z"></path>
                                                            </svg>
                                                            <span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                        </button>
                                                    </div>
                                                    <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-igs3ac">
                                                        <legend class="css-ihdtdm"><span class="notranslate"></span></legend>
                                                    </fieldset>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-spacing-xs-2 css-7aty7k"></div>
                            </ddiv>
                            <div class="MuiBox-root css-19n8dai"><button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation css-x0mdrp" tabindex="0" type="submit">保存する<span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
                </form>
                </div></div>
        </main>
        <div class="MuiDrawer-root MuiDrawer-docked css-1eypgt9"><div class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiDrawer-paper MuiDrawer-paperAnchorRight MuiDrawer-paperAnchorDockedRight css-993lg5" style="visibility: hidden; transform: translateX(400px);"><div class="MuiBox-root css-80tx0e"><div class="MuiBox-root css-akkapn"><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-1yxmbwk" tabindex="0" type="button"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="CloseIcon"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div><div class="MuiBox-root css-19midj6"><div class="MuiBox-root css-70qvj9"><div class="css-1ugd28x"></div></div><div class="MuiBox-root css-8atqhb"><div class="MeetsOne-TaskListHeader-root MuiBox-root css-0"><div class="MeetsOne-TaskListHeader-toggleButtons MuiBox-root css-11rk0m6"><div class="MuiBox-root css-12z0wuy"><button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit MuiButton-disableElevation MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit MuiButton-disableElevation css-1dtjl38" tabindex="0" type="button"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1lf2qyz" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="TuneIcon"><path d="M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"></path></svg><div class="MuiBox-root css-wpr0tw"><span class="MuiBadge-root MuiBadge-root css-jo4rp"><span class="MuiBadge-badge MuiBadge-standard MuiBadge-anchorOriginTopRight MuiBadge-anchorOriginTopRightRectangular MuiBadge-overlapRectangular MuiBadge-colorError MuiBadge-badge css-1n1fnzf"></span></span><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1lf2qyz" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="AccountCircleIcon"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"></path></svg></div><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div><div class="MuiBox-root css-0"><button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit MuiButton-disableElevation MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit MuiButton-disableElevation css-tqgro" tabindex="0" type="button"><span class="MuiButton-startIcon MuiButton-iconSizeMedium css-1l6c7y9"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-g3nfys" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="StraightIcon"><path d="M11 6.83 9.41 8.41 8 7l4-4 4 4-1.41 1.41L13 6.83V21h-2z"></path></svg><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="SortIcon"><path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"></path></svg></span><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div></div><div class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-a0y2e3" style="min-height: 0px;"><div class="MuiCollapse-wrapper MuiCollapse-vertical css-hboir5"><div class="MuiCollapse-wrapperInner MuiCollapse-vertical css-8atqhb"><div class="MuiBox-root css-1nnyo3f"><div class="MuiBox-root css-9u7hja"><div class="MuiBox-root css-1k6yql2"><div class="MuiBox-root css-kki4up"><div class="MuiBox-root css-n5okfn"><button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation css-umt0nk" tabindex="0" type="button"><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div><div class="MuiBox-root css-n5okfn"><button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation css-umt0nk" tabindex="0" type="button"><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div><div class="MuiBox-root css-n5okfn"><button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation css-umt0nk" tabindex="0" type="button"><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div></div><hr class="MuiDivider-root MuiDivider-fullWidth MuiDivider-vertical MuiDivider-flexItem css-ael4du"><div class="MuiBox-root css-9n5gxo"><div class="MuiBox-root css-n5okfn"><button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation css-umt0nk" tabindex="0" type="button"><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div><div class="MuiBox-root css-n5okfn"><button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation css-umt0nk" tabindex="0" type="button"><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div><div class="MuiBox-root css-n5okfn"><button class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-disableElevation css-umt0nk" tabindex="0" type="button"><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div></div></div><div class="MuiFormControl-root MuiFormControl-fullWidth css-tzsjye"><div class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-13y46m0" name="assignmentIds"><div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-rox6gw"><div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-cc543d"><div class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-1a6giau"><span class="notranslate"></span><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizzeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="AccountCircleIcon"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"></path></svg></div><input aria-invalid="false" autocomplete="off" id=":r18:" type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1445wi2" aria-autocomplete="list" aria-expanded="false" autocapitalize="none" spellcheck="false" role="combobox" value=""><div class="MuiAutocomplete-endAdornment css-2iz2x6"><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-uge3vf" tabindex="-1" type="button" aria-label="Open" title="Open"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowDropDownIcon"><path d="M7 10l5 5 5-5z"></path></svg><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div><fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-igs3ac"><legend class="css-ihdtdm"><span class="notranslate"></span></legend></fieldset></div></div></div></div></div><div class="css-5vauxo"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-disableElevation css-1kdeuyc" tabindex="0" type="button"><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div></div></div></div></div><div class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden css-a0y2e3" style="min-height: 0px;"><div class="MuiCollapse-wrapper MuiCollapse-vertical css-hboir5"><div class="MuiCollapse-wrapperInner MuiCollapse-vertical css-8atqhb"><div class="MuiBox-root css-1sf3xto"><div class="MuiFormControl-root MuiFormControl-fullWidth css-tzsjye"><div class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-1bk65jg" name="sortType"><div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-rox6gw"><div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-zbdwhs"><input aria-invalid="false" autocomplete="off" id=":r1a:" type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-3ieusv" aria-autocomplete="list" aria-expanded="false" autocapitalize="none" spellcheck="false" role="combobox" value="追加日(昇順)"><div class="MuiAutocomplete-endAdornment css-2iz2x6"><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-uge3vf" tabindex="-1" type="button" aria-label="Open" title="Open"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowDropDownIcon"><path d="M7 10l5 5 5-5z"></path></svg><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div><fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-igs3ac"><legend class="css-ihdtdm"><span class="notranslate"></span></legend></fieldset></div></div></div></div></div></div><//div></div></div><div class="MuiBox-root css-pskf0"><div class="MuiBox-root css-xxq1xf"><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-1yxmbwk" tabindex="0" type="button"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-9196xn" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="CheckCircleOutlineIcon"><path d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span class="MuiTouchRipple-root css-w0pj6f"></span></button><div class="MuiBox-root css-ec0ym9" status="InProgress"></div><div class="MuiBox-root css-n9ftlz"><button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation css-xmee64" tabindex="0" type="button"><div class="MuiBox-root css-uxnbka"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1ix7flp" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowDropDownIcon"><path d="m7 10 5 5 5-5z"></path></svg></div><span class="MuiTouchRipple-root css-w0pj6f"></span></button><div class="MuiBox-root css-34k09d"><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-1eeqgmk" tabindex="0" type="button"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="MoreVertIcon"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></svg><span class="MuiTouchRipple-root css-w0pj6f"></span></button></div></div></div><div class="MuiBox-root css-19t1w01"><a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1194wyf" rel="noopener noreferrer" href=""></a></div><div class="css-1d39ecn"><div class="MuiBox-root css-1ufl7gb"><div class="MuiAvatarGroup-root css-w51xug"><div class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-12v9yo9" aria-label="QA Team"></div></div></div><div class="MuiBox-root css-aedq1z"></div><div class="MuiBox-root css-q2ms4q"></div></div></div></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json"></script>
        <next-route-announcer>
            <p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; top: 0px; width: 1px; white-space: nowrap; overflow-wrap: normal;"></p>
        </next-route-announcer>
        <script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script><script src=""></script>
    </body>
</html>

@vishal14121996
Copy link

vishal14121996 commented May 2, 2024

@juvarabrera @dgozman i'm facing the same issue "javascript error: a.tagName.toUpperCase is not a function", is there any solution we have?

@dgozman
Copy link
Contributor

dgozman commented May 2, 2024

@juvarabrera Thank you for the snippet, I can repro.

Investigation notes:

  • There is a <form> that contains an <input name=tagName>.
  • This makes form.tagName be an instance of HTMLInputElement instead of the actual tag name.
  • The fix is to extract the tag name safely.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants