Bug 1796857 Comment 0 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

As seen in screenshot, just slightly longer text content of First record column overlaps Address Book Field column in Import Address Book File dialog, which looks distorted. We need some smarter CSS overflow handling here, also for long texts in Notes field.

STR
1. Save sample `testcase.csv` file from next comment to a local file system folder. The csv should have:
- field name in first row which deviates from default TB field name, e.g. `Email` (to trigger `Match field names` dialog)
- a longer email address like johnny.johnson@supporthub.example-site.com
- a `Notes` field filled with more text.
1. Tools > Import > Import from a file > Continue
1. Import Address Books > Continue
1. Comma or tab separated file (.csv, .tsv) > Continue
1. In the `Select an address book file` dialog: choose `testcase.csv` file from step 1 > Open

Actual (see screenshot)
- First record column overlaps Address Book Field column
- long `Notes` field grows the match field table out of proportions

Expected
- No overlap of text
- smarter overflow (scroll bar?) for long text fields like `Notes`
As seen in screenshot, just slightly longer text content of First record column overlaps Address Book Field column in Import Address Book File dialog, which looks distorted. We need some smarter CSS overflow handling here, also for long texts in Notes field.

STR
1. Save sample `testcase.csv` file from next comment to a local file system folder. The csv should have:
- field name in first row which deviates from default TB field name, e.g. `Email` (to trigger `Match field names` dialog)
- a longer email address like johnny.johnson@supporthub.example-site.com
- a `Notes` field filled with more text.
1. Tools > Import > Import from a file > Continue
1. Import Address Books > Continue
1. Comma or tab separated file (.csv, .tsv) > Continue
1. In the `Select an address book file` dialog: choose `testcase.csv` file from step 1 > Open

Actual (see screenshot)
- First record column overlaps Address Book Field column
- long `Notes` field grows the match field table out of proportions

Expected
- No overlap of text in First Record column
- smarter overflow (scroll bar?) for long text fields like `Notes`
- While we are here, might also want to handle overflow longer field names from external CSVs in Source Field column
As seen in screenshot, just slightly longer text content of `First record` column overlaps `Address Book Field` column in `Import Address Book File - Match field names` dialog, which looks distorted. We need some smarter CSS overflow handling here, also for long texts in Notes field.

STR
1. Save sample `testcase.csv` file from next comment to a local file system folder. The csv should have:
- field name in first row which deviates from default TB field name, e.g. `Email` (to trigger `Match field names` dialog)
- a longer email address like johnny.johnson@supporthub.example-site.com
- a `Notes` field filled with more text.
1. Tools > Import > Import from a file > Continue
1. Import Address Books > Continue
1. Comma or tab separated file (.csv, .tsv) > Continue
1. In the `Select an address book file` dialog: choose `testcase.csv` file from step 1 > Open

Actual (see screenshot)
- `First record` column overlaps `Address Book Field` column
- long `Notes` field grows the match field table out of proportions

Expected
- No overlap of text in First Record column
- smarter overflow (scroll bar?) for long text fields like `Notes`
- While we are here, might also want to handle overflow longer field names from external CSVs in Source Field column
As seen in screenshot, just slightly longer text content of `First record` column overlaps `Address Book Field` column in `Import Address Book File - Match field names` dialog, which looks distorted. We need some smarter CSS overflow handling here, also for long texts in Notes field.

STR
1. Save sample `testcase.csv` file from next comment to a local file system folder. The csv should have:
- field name in first row which deviates from default TB field name, e.g. `Email` (to trigger `Match field names` dialog)
- a longer email address like johnny.johnson@supporthub.example-site.com
- a `Notes` field filled with more text.
1. Tools > Import > Import from a file > Continue
1. Import Address Books > Continue
1. Comma or tab separated file (.csv, .tsv) > Continue
1. In the `Select an address book file` dialog: choose `testcase.csv` file from step 1 > Open

Actual (see screenshot)
- `First record` column overlaps `Address Book Field` column
- long text in `Notes` field grows the match field table out of proportions

Expected
- No overlap of text in First Record column
- smarter overflow (scroll bar?) for long text fields like `Notes`
- While we are here, might also want to handle overflow longer field names from external CSVs in Source Field column
As seen in screenshot, just slightly longer text content of `First record` column overlaps `Address Book Field` column in `Import Address Book File - Match field names` dialog, which looks distorted. We need some smarter CSS overflow handling here, also for long texts in Notes field.

STR
1. Save sample `testcase.csv` file from attachment 9299711 [details] to a local file system folder. The csv should have:
- field name in first row which deviates from default TB field name, e.g. `Email` (to trigger `Match field names` dialog)
- a longer email address like johnny.johnson@supporthub.example-site.com
- a `Notes` field filled with more text.
1. Tools > Import > Import from a file > Continue
1. Import Address Books > Continue
1. Comma or tab separated file (.csv, .tsv) > Continue
1. In the `Select an address book file` dialog: choose `testcase.csv` file from step 1 > Open

Actual (see screenshot)
- `First record` column overlaps `Address Book Field` column
- long text in `Notes` field grows the match field table out of proportions

Expected
- No overlap of text in First Record column
- smarter overflow (scroll bar?) for long text fields like `Notes`
- While we are here, might also want to handle overflow longer field names from external CSVs in Source Field column
As seen in screenshot, just slightly longer text content of `First record` column overlaps `Address Book Field` column in `Import Address Book File - Match field names` dialog, which looks distorted. We need some smarter CSS overflow handling here, also for long texts in Notes field.

STR
1. Save sample `testcase.csv` file from attachment 9299711 [details] to a local file system folder. The csv should have:
- field name in first row which deviates from default TB field name, e.g. `Email` (to trigger `Match field names` dialog)
- a longer email address like johnny.johnson@supporthub.example-site.com
- a `Notes` field filled with more text.
1. Tools > Import > Import from a file > Continue
1. Import Address Books > Continue
1. Comma or tab separated file (.csv, .tsv) > Continue
1. In the `Select an address book file` dialog: choose `testcase.csv` file from step 1 > Open

Actual (see screenshot)
- `First record` column overlaps `Address Book Field` column
- long text in `Notes` field grows the match field table out of proportions

Expected
- No overlap of text in First Record column
- smarter overflow (scroll bar?) for long text fields like `Notes`
- While we are here, might also want to handle overflow longer field names from external CSVs in `Source Field` column
As seen in screenshot, just slightly longer text content of `First record` column overlaps `Address Book Field` column in `Import Address Book File - Match field names` dialog, which looks distorted. We need some smarter CSS overflow handling here, also for long texts in Notes field.

STR
1. Save sample `testcase.csv` file from attachment 9299711 [details] to a local file system folder. The csv should have:
- field name in first row which deviates from default TB field name, e.g. `Email` (to trigger `Match field names` dialog)
- a longer email address like johnny.johnson@supporthub.example-site.com
- a `Notes` field filled with more text.
1. Tools > Import > Import from a file > Continue
1. Import Address Books > Continue
1. Comma or tab separated file (.csv, .tsv) > Continue
1. In the `Select an address book file` dialog: choose `testcase.csv` file from step 1 > Open

Actual (see screenshot)
- `First record` column overlaps `Address Book Field` column
- long text in `Notes` field grows the match field table out of proportions

Expected
- No overlap of text in First Record column
- smarter overflow (scroll bar?) for long text fields like `Notes`
- While we are here, might also want to handle overflow of longer field names from external CSVs in `Source Field` column

Back to Bug 1796857 Comment 0