Невозможно проверить элемент с помощью Chrome Dev Tools

У меня есть базовый html-файл (base.html), а внутри него находится iframe, который использует (iframe.html). iframe появляется только при нажатии на определенный пункт меню. Они оба размещены на одном домене.

В base.html я включаю скрипт, указывающий на внешнюю службу, которую я использую. В том числе скрипт возвращает объект, который живет на моей странице.

<script type="text/javascript" src="externalSite.com/myID.js"></script>

В iframe.html у меня есть другой скрипт, который строит меню на основе некоторых атрибутов возвращаемого объекта

<script type="text/javascript" src="my_list_builder.js"></script>

код для my_list_builder.js выглядит примерно так:

var myList = parent.externalAPI.getItems()
var listBlock = "<div><ul>"

for (var i = 0; i < myList.length; i++) {
    listBlock += '<li><span>'+ myList[i].Name + '</span></li>';
}

listBlock += '</ul></div>'

$('someElement').append(listBlock);

Теперь этот код выполняется как ожидаемый и добавляет listBlock на страницу, где я этого хочу, но когда я пытаюсь проверить любой из элементов в iframe в Chrome, я не могу этого сделать. iframe — это элемент самого низкого уровня, который я могу проверить, но у него нет обычного раскрывающегося списка. Если я удалю my_list_builder.js, я смогу без проблем проверять элементы в iframe.

Любые идеи о том, что может быть причиной проблемы?