Почему в значениях инпута нету данных объекта?

//  create table
    load() {
        let tBody = document.querySelector('tbody');

        tBody.innerHTML = '';

        for (let i = 0; i < this.items.length; i++) {
            let tr = document.createElement('tr');
            tr.innerHTML = `<tr class="data">
                                <th scope="row" class="checkBox"><input type="checkbox" class="form-check-input" bid ="${i}"></th>
                                <td>${this.items[i].fname}</td>
                                <td>${this.items[i].phone}</td>
                                <td>${this.items[i].email}</td>
                                <td ><i class="far fa-edit" data-id="edit"></i> | <i class="far fa-trash-alt"  data-id="rubbish"></i></td>
                            </tr>`;
            tBody.append(tr);
        }
// show data of choosen contact in modal 
    fullView(elem) {
        const d = document;
        const i = elem;
            d.querySelector('#Edname').value = this.items[i].fname;
            d.querySelector('#Edphone').value = this.items[i].phone;
            d.querySelector('#Edemail').value = this.items[i].email;
    }

d.addEventListener('click', (e) => {
    let elem = e.target.dataset.id;
    if (elem == "edit") {
        app.UserBook.fullView(elem);
        editModal.style.display = "block";
    }
}, false);